@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* CSS Document */
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#f6f6f6;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
a:hover{color:#19b955;}
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;}
.h20{width:100%;height:20px;}
.hide{display:none;}
.icon{background:url(../images/icondetail.png) no-repeat;background-size:600px 600px;display:inline-block;}
.logo_wrap .logo,.crumb .icon,.game_information .info .btn a i,.open_detail .advantage span i,.open_detail .btn i,.arrow-btn,.list_wrap li .info .time i,.like_box .like i,.detail_like div i span,.game_big_info .btn a i,.app_table_list li .star i,.tag_type_wrap li i,.recommend_wrap .list li,.phb_r_l ul li i,.title_yellow .icon,.phb_tuijian .cont li .num i,.phb_type .btn_box li i,.phb_type .type_box li p,.phb_newest li i,.phb_type .btn_box li a{background-image:url("../images/icondetail.png");background-repeat:no-repeat;background-size:600px 600px;}

/* 顶部 */
.top_wrap{height:34px;line-height:34px;border-bottom:1px solid #dbdbdb;color:#999;font-size:12px;background:#fff;}
.top_wrap a{display:block;color:#999;margin-left:24px;float:left;}
.top_wrap a:hover{color:#19b955;}

.logo_wrap{height:110px;}
.logo_wrap .logo{display:block;width:187px;height:68px;margin-top:21px;background: url(../img/logo.png) no-repeat;}

/*header*/
#header {margin: 21px auto 21px;width:1200px;overflow: hidden;}
#header #logo{width: 257px;height: 68px;float: left;}
#header #search {width:480px;float:right;margin-top: 9px;}
#header #topsearch {position: relative;width:480px; height: 40px;overflow: hidden;border: 1px solid #00cc66; box-sizing: border-box;}
#header #key { border: none;color:#999;font-size: 15px;width:380px; height:40px; text-indent: 15px;line-height: 40px;float: left;transition: all 0.2s;}
#header #key:focus{box-shadow: 0 0 10px 3px rgba(0,0,0,0.13) inset;}
#header .search_key{width: 100px;height: 40px;line-height: 40px;text-align:center;position: absolute;top: 0;right: 0;background-color: #00cc66;color: #fff;border: 0px;}
#header #search ul {overflow: hidden;}
#header #search ul li{float: left;}
#header #search ul li:first-child{float: left;margin-left: -10px;}
#header #search ul li a{float: left;padding:0 10px;font-size: 14px;color:#666;line-height: 30px;}
#header #search ul li a:hover{color: #19b955;}
.hotkey{font-size:14px;line-height:1.5;margin-top:5px;}
.hotkey a{margin-right:15px;color:#666;}
.hotkey a:hover{color:#19b955;}

/* 导航 */
.nav{height:48px;line-height:48px;background:#19b955;}
.nav li{float:left;}
.nav li a{display:block;padding:0 33px;font-size:18px;color:#fff;}
.nav li.current a,.nav li a:hover{background:#19a52f;}
.index_wrap{background:#fff;}

/* 面包屑 */
.crumb{margin:10px 0;}
.crumb,.crumb a{font-size:12px;color:#aaa;}
.crumb a:hover{color:#19b955;}
.crumb .icon{display:inline-block;width:20px;height:18px;background-position:-39px -10px;margin-right:6px;position:relative;top:4px;}
.h20{display: block;height: 20px;}

.footer_wrap{height:155px;background:#fff;text-align:center;color:#999;padding-top:35px;}
.footer_wrap ul{width:600px;margin-bottom:35px;}
.footer_wrap li{width:99px;border-right:1px solid #f7f7f7;float:left;}
.footer_wrap p a{color:#999;}
.footer_wrap p a:hover{color:#19b955;}

/* 详情内容 */
.loadbox{overflow: hidden;}
.loadbox .xz_l{float: left;width: 830px;}
.loadbox .xz_r{float: left;width: 350px;margin-left: 20px;}

.xz_box1{background: #fff;width: 830px;height: 295px;overflow: hidden;position: relative;}
.xz_box1 img{width: 160px;height: 160px;border-radius: 32px;float: left;margin-top: 26px;margin-left: 26px;}
.xz_box1 .info{float: left;margin-left: 20px;width: 624px;}
.xz_box1 .info h1{font-size: 30px;color: #333;line-height: 30px;margin-top: 40px;font-weight: 600;}
.xz_box1 .info p{margin-top: 20px;}
.xz_box1 .info p a{display: inline-block;font-size: 14px;color: #19b955;line-height: 24px;height: 24px;padding: 0 10px;background: #ebfff2;border-radius: 4px;margin-right: 10px;}
.xz_box1 .info p a:hover{color: #fff;background: #19b955;}
.xz_box1 .info ul{margin-top: 18px;}
.xz_box1 .info ul li{float: left;font-size: 14px;color: #999;width: 172px;margin-right: 10px;}
.xz_box1 .info ul li span{display: block;font-size: 16px;color: #666;margin-top: 5px;}
.xz_box1 .loadbox{overflow: hidden;width: 830px;height:110px;margin-left: 26px;display: inline-block;}
.xz_box1 .loadbox a{width: 215px;height: 60px;display: inline-block;float: left;color: #fff;line-height: 60px;text-align: center;margin-right: 16px;font-size: 20px;margin-top: 26px;}
.xz_box1 .loadbox a.and{background: #19b955;box-shadow: 0px 0px 5px 0px #19b955;}
.xz_box1 .loadbox a.ios{background: #00bff3;box-shadow: 0px 0px 5px 0px #00bff3;}
.xz_box1 .loadbox a.pc{background: #838282;box-shadow: 0px 0px 5px 0px #838282;}
.xz_box1 .loadbox a.txBtn{position: relative;width: 240px;padding-right: 10px;background: #9c7ebb;box-shadow: 0px 0px 5px 0px #9c7ebb;}
.xz_box1 .loadbox a.txBtn:after{position: absolute;content: "广告";display: block;top:0;right: 0;background-color: rgba(0,0,0,.2);line-height: 20px;padding: 0 4px;font-size: 12px;color: #F1F1F1;border-top-right-radius: 3px;border-bottom-left-radius: 3px;}	
.xz_box1 .loadbox a.yy{background: #fbab4a;box-shadow: 0px 0px 5px 0px #fbab4a;}
.xz_box1 .loadbox a i{width: 30px;height: 34px;vertical-align: middle;margin-right: 10px;}
.xz_box1 .loadbox a.and i{background-position: -39px -30px;}
.xz_box1 .loadbox a.ios i{background-position: -76px -30px;}
.xz_box1 .loadbox a.pc i{background-position: -113px -30px;}
.xz_box1 .loadbox a.txBtn i{width: 25px;height: 25px;background-position: -297px -259px;}
.xz_box1 .loadbox a.yy i{background-position: -151px -30px;}
.xz_box1 .qs{display: inline-block;width: 75px;height: 26px;text-align: center;line-height: 25px;border-radius: 13px;color: #999 !important;background: #eee;position: absolute;top: 40px;right: 100px;cursor: pointer;}
.xz_box1 .jb{display: inline-block;width: 75px;height: 26px;text-align: center;line-height: 25px;border-radius: 13px;color: #999;background: #eee;position: absolute;top: 40px;right: 16px;cursor: pointer;}
.xz_box1 .jb i{background-position: -165px -8px;width: 12px;height: 14px;vertical-align: middle;margin-right: 4px;}
 
.xz_box2{background: #fff;width: 830px;overflow: hidden;}
.xz_box2 .xznav{margin: 33px 20px 0;}
.xz_box2 .xznav p{display: flex;background: #ebfff2;}
.xz_box2 .xznav span{height: 40px;line-height: 40px;font-size: 16px;color: #26c472;padding: 0 32px;display: inline-block;background: #ebfff2;cursor: pointer;}
.xz_box2 .xznav span.current,.xz_box2 .xznav span:hover{height: 50px;line-height: 50px;background: #26c472;color: #fff;margin-top: -10px;}

.xztit{margin-top: 20px;position: relative;}
.xztit p{font-size: 18px;color: #333;font-weight: 600;line-height: 18px;padding: 8px 0;border-bottom: 1px dashed #e6e6e6;margin: 0 20px;}
.xztit p em{width: 4px;display: inline-block;margin-right: 8px;background: #26c472;height: 18px;vertical-align: bottom;}
.xztit>a{position: absolute;right: 20px;top: 8px;color: #26c472;font-weight: 600;}

.xz_box2 .cont{margin: 0 20px;padding-top: 15px;}
.xz_box2 .cont p{font-size: 16px;color: #4c4c4c;line-height: 30px;margin-bottom: 20px;}
.xz_box2 .cont img{max-width: 700px;margin: 0 auto;display: block;padding: 14px 0;}
.xz_box2 .cont h3{font-size: 16px;color: #333;font-weight: 600;margin-bottom: 25px;}

.xz_box3{background: #fff;width: 830px;overflow: hidden;}
.xz_box3 ul{margin: 20px 20px 10px;overflow: hidden;}
.xz_box3 ul li{float: left;width: 390px;height: 40px;background: #f6f6f6;margin-bottom: 10px;border-radius: 3px;line-height: 40px;}
.xz_box3 ul li:nth-child(2n){margin-left: 10px;}
.xz_box3 ul li span{font-size: 16px;color: #333;margin-left: 20px;font-weight: 600;}
.xz_box3 ul li em{float: right;margin-right: 20px;font-size: 16px;color: #666;}
.ys,.qs{color: #26c472 !important;cursor: pointer;}

.xz_box4{background: #fff;width: 830px;overflow: hidden;padding-bottom: 10px;}
.xz_box4>p{margin: 0 20px;line-height: 48px;}
.xz_box4>p span{font-size: 16px;color: #a8a8a8;display: inline-block;margin-left: 16px;}
.xz_box4>p span:nth-child(1){width: 273px;}
.xz_box4>p span:nth-child(2){width: 195px;}
.xz_box4>p span:nth-child(3){width: 176px;}
.xz_box4>p span:nth-child(4){width: 72px;}
.xz_box4 ul li{height: 40px;background: #f6f6f6;margin: 0 20px 10px;}
.xz_box4 ul li a{line-height: 40px;width: 100%;height: 100%;display: block;}
.xz_box4 ul li:hover{background: #ebfff2;}
.xz_box4 ul li a span{font-size: 16px;color: #666;display: inline-block;margin-left: 16px;}
.xz_box4 ul li:hover a span{color: #26c472;}
.xz_box4 ul li a span:nth-child(1){width: 273px;}
.xz_box4 ul li a span:nth-child(2){width: 195px;}
.xz_box4 ul li a span:nth-child(3){width: 176px;}
.xz_box4 ul li a span:nth-child(4){width: 72px;}

.xz_box5{background: #fff;width: 830px;overflow: hidden;}
.xz_box5 ul{overflow: hidden;margin: 18px 20px 10px;}
.xz_box5 ul li{width: 256px;height: 40px;float: left;background: #f6f6f6;margin-right: 10px;margin-bottom: 10px;line-height: 40px;}
.xz_box5 ul li:hover{background: #ebfff2;}
.xz_box5 ul li a{width: 100%;height: 100%;display: block;}
.xz_box5 ul li:nth-child(3n){margin-right: 0;}
.xz_box5 ul li img{width: 20px;height: 20px;border-radius: 3px;margin-left: 16px;vertical-align: sub;margin-right: 10px;}
.xz_box5 ul li span{white-space: nowrap;overflow: hidden;max-width: 196px;display: inline-flex;color: #666;font-size: 16px;}
.xz_box5 ul li:hover span{color: #26c472;}

.xz_box6{background: #fff;overflow: hidden;}
.xz_box7 .tab_box>p{border: 1px solid #26c472;margin: 26px 20px 5px;display: block;height: 38px;width: 308px;line-height: 40px;text-align: center;border-radius: 8px;}
.xz_box7 .tab_box>p span{height: 100%;width: 50%;display: inline-block;color: #26c472;cursor: pointer;font-size: 16px;}
.xz_box7 .tab_box>p span:nth-child(1){border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.xz_box7 .tab_box>p span:nth-child(2){border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.xz_box7 .tab_box>p span.current{background: #26c472;color: #fff;}

.xz_box6 .info{position: relative;margin-left: 5px;margin-top: 22px;float: left;width: 400px;}
.xz_box6 .info a{display: grid;width: 100%;height: 100%;}
.xz_box6 .info img{width: 400px;height: 225px;}
.xz_box6 .info>i{width: 72px;height: 35px;background-position: -11px -250px;position: absolute;left: -5px;top: -3px;color: #fff;font-size: 12px;text-align: center;line-height: 30px;}
.xz_box6 .info .infobox{position: relative;width: 398px;border: 1px solid #e0e0e0;border-top: none;overflow: hidden;height: 164px;}
.xz_box6 .info .infobox h3{font-size: 22px;color: #222;line-height: 22px;text-align: center;margin-top: 18px;white-space: nowrap;overflow: hidden;}
.xz_box6 .info .infobox h3 i:nth-child(1){width: 15px;height: 13px;background-position: -117px -8px;vertical-align: top;margin-right: 10px;}
.xz_box6 .info .infobox h3 i:nth-child(2){width: 15px;height: 14px;background-position: -143px -8px;vertical-align: top;margin-left: 10px;}
.xz_box6 .info .infobox p{font-size: 14px;line-height: 26px;color: #666;margin: 16px 20px 18px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-indent: 2.5rem;}
.xz_box6 .similbox{margin: 0 20px;}
.xz_box6 .similbox ul{float: left;width: 780px;margin-left: 10px;margin-top: 22px;}
.xz_box6 .similbox ul li{float: left;width: 118px;height: 187.5px;margin-bottom: 15px;margin-right: 12px;background: #f6f6f6;}
/*.xz_box6 .similbox ul li:nth-child(3n){margin-right: 0;}*/
.xz_box6 .similbox ul li:hover{background: #ebfff2;border-top: 3px solid #26c472;height: 184.5px;}
.xz_box6 .similbox ul li:hover span{display: none;}
.xz_box6 .similbox ul li:hover i{display: none;}
.xz_box6 .similbox ul li:hover em{display: block;}
.xz_box6 .similbox ul li img{width: 82px;height: 82px;border-radius: 15px;margin: 20px 22px 0;}
.xz_box6 .similbox ul li:hover img{margin-top: 17px;}
.xz_box6 .similbox ul li p:nth-child(2){font-size: 15px;color: #333;line-height: 15px;text-align: center;max-width: 100px;white-space: nowrap;overflow: hidden;display: block;margin: 12px auto;font-weight: 600;}
.xz_box6 .similbox ul li p:nth-child(3){text-align: center;}
.xz_box6 .similbox ul li p i{display: inline-block;color: #999;margin: 0 2px;}
.xz_box6 .similbox ul li span{font-size: 12px;color: #9a9a9a;line-height: 15px;text-align: center;max-width: 120px;white-space: nowrap;overflow: hidden;}
.xz_box6 .similbox ul li span:nth-of-type(2){color: #64d2a2;}
.xz_box6 .similbox ul li em{width: 60px;height: 22px;border: 1px solid #26c472;text-align: center;background: #fff;color: #26c472;font-size: 14px;line-height: 20px;margin: 0 auto;display: block;border-radius: 11px;display: none;}
.xztit ul{position: absolute;top: 4px;right: 20px;}
.xztit ul li{float: left;border-radius: 5px;margin-left: 10px;}
.xztit ul li:nth-last-child(1) em{display: none;}
.xztit ul li span{width: 72px;height: 24px;display: inline-block;color: #7e7e7e;text-align: center;font-size: 14px;line-height: 23px;cursor: pointer;}
.xztit ul li.current,.xztit ul li:hover{background: #26c472;}
.xztit ul li.current span,.xztit ul li:hover span{color: #fff;}
.xztit ul li em{color: #7e7e7e;}

.xz_box7{background: #fff;overflow: hidden;padding-bottom: 20px;}
.xz_box7 .phbBox{width:100%;margin:0;float:none;}
.xz_box7 .tab_menu li.current{background:#19b955;}
.xz_box7 .tab_menu li.current i{border-color:#19b955 transparent transparent transparent;}
.xz_box7 .phbBox li .fBox em{display:block;height:25px;line-height:25px;float:right;color:#999;}
.xz_box7 .tfBox{margin: 0 20px;}
.xz_box7 .tfBoxb{margin: 0 20px;}
.phbBox li{border-bottom:1px solid #e8e7ed;}
.phbBox li .tBox{padding:10px 0;}
.phbBox li .fBox{padding:13px 0;}
.phbBox li .num,.phbBox li .imgBox,.phbBox li .info,.phbBox li p.name{display:block;float:left;}
.phbBox li .num{width:25px;height:25px;line-height:25px;text-align:center;background:#aaa;color:#fff;margin-right:15px;border-radius:4px;}
.phbBox li .tBox .num{height:80px;line-height:80px;}
.phbBox li .num1{background:#e13d3d;}
.phbBox li .num2{background:#ed9249;}
.phbBox li .num3{background:#ffb230;}
.phbBox li .imgBox{width:80px;height:80px;border-radius:16px;margin-right: 15px;overflow:hidden;}
.phbBox li .info{width:150px;}
.phbBox li .info .name{display:block;height:21px;line-height:21px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.phbBox li .info p{display:block;margin:5px 0;font-size:12px;color: #999999;}
.phbBox li .info .btn{display:block;width:80px;height:24px;line-height:24px;text-align:center;color:#fff;background:#19b955;border-radius:3px;}
.phbBox li .fBox .name{width:210px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    
.xz_box8{background: #fff;overflow: hidden;padding-bottom: 10px;}
.xz_box8 ul{margin: 20px 20px 0;}
.xz_box8 ul li{float: left;height: 124px;margin-right: 10px;margin-bottom: 10px;background: #f6f6f6;border-radius: 2px;}
.xz_box8 ul li:nth-child(2n){margin-right: 0;}
.xz_box8 ul li img{width: 150px;height: 92px;display: block;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.xz_box8 ul li span{font-size: 16px;color: #666;text-align: center;line-height: 32px;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;}
.xz_box8 ul li:hover{background: #ebfff2;}
.xz_box8 ul li:hover span{color: #26c472;}

/* 首页 */
.topnav{background: #fff;overflow: hidden;}
.topnav .navbox{width: 123px;margin: 20px;margin-right: 0;float: left;}
.topnav .navbox span{display: inline-block;width: 123px;height: 40px;text-align: center;line-height: 40px;background: #ebfff2;color: #19b955;font-size: 16px;margin-bottom: 5px;cursor: pointer;} 
.topnav .navbox span:nth-last-child(1){margin-bottom: 0;}
.topnav .navbox span.current,.topnav .navbox span:hover{color: #fff;background: #19b955;border-top-right-radius: 20px;}

.topnav .navmain{float: left;margin-top: 20px;margin-left: 26px;}
.topnav .navmain ul{overflow: hidden;}
.topnav .navmain ul li{float: left;margin-right: 30px;}
.topnav .navmain ul li:nth-last-child(1){margin-right: 0;}
.topnav .navmain ul li img{width: 100px;height: 100px;border-radius: 20px;}
.topnav .navmain ul li p{font-size: 16px;line-height: 16px;color: #333;margin-top: 10px;width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topnav .navmain ul li:hover p{color: #19b955;}

.indexbox1{background: #fff;padding-top: 20px;overflow: hidden;}
.indexbox1 .box1_l{overflow: hidden;width: 850px;float: left;}
.indexbox1 .box1_l li{float: left;position: relative;margin-left: 20px;margin-bottom: 20px;}
.indexbox1 .box1_l li a>img{width: 192px;height: 256px;}
.indexbox1 .box1_l li .zhe{width: 192px;height: 256px;position: absolute;top: 0;left: 0;background: rgba(0, 0 , 0, .4);display: none;}
.indexbox1 .box1_l li:hover .zhe{display: block;}
.indexbox1 .box1_l li .info{position: absolute;top: 0;left: 0;text-align: center;width: 192px;height: 256px;display: none;}
.indexbox1 .box1_l li:hover .info{display: block;}
.indexbox1 .box1_l li .info img{width: 120px;height: 120px;border-radius: 28px;margin-top:20px;}
.indexbox1 .box1_l li .info p{font-size: 16px;color: #fff;line-height: 16px;margin-top: 20px;}
.indexbox1 .box1_l li .info span{font-size: 16px;color: #fff;width: 142px;height: 36px;line-height: 36px;text-align: center;background: #26c472;display: inline-block;margin-top: 14px;border-radius: 18px;}
.indexbox1 .box1_r{overflow: hidden;width: 310px;margin: 0 20px;float: left;}
.indexbox1 .box1_r li{float: left;width: 310px;border-bottom: 1px dashed #e5e5e5;padding: 13px 0 13px;position: relative;}
.indexbox1 .box1_r li a{display: flex;width: 310px;}
.indexbox1 .box1_r li span{width: 24px;height: 24px;display: inline-block;background: #c8c8c8;color: #fff;font-size: 16px;line-height: 24px;text-align: center;margin-top: 6px;z-index: 2;}
.indexbox1 .box1_r li img{width: 40px;height: 40px;border-radius: 8px;margin-left: 24px;}
.indexbox1 .box1_r li p{font-size: 16px;color: #4c4c4c;display: inline-block;line-height: 40px;width: 170px;margin-left: 18px;white-space: nowrap;overflow: hidden;}
.indexbox1 .box1_r li:hover p{color: #19b995;}
.indexbox1 .box1_r li i{width: 23px;height: 18px;background-position: -11px -12px;position: absolute;right: 0;top: 25px;}
.indexbox1 .box1_r li em{display: inline-block;width: 24px;height: 24px;position: absolute;top: 24px;left: 4px;background: #e3e3e3;z-index: 1;}
.indexbox1 .box1_r li:nth-child(1) span{background: #ed4040;}
.indexbox1 .box1_r li:nth-child(1) em{background: #f69f9f;}
.indexbox1 .box1_r li:nth-child(2) span{background: #fead21;}
.indexbox1 .box1_r li:nth-child(2) em{background: #fed690;}
.indexbox1 .box1_r li:nth-child(3) span{background: #28caff;}
.indexbox1 .box1_r li:nth-child(3) em{background: #93e4ff;}

.indexbox2{background: #fff;margin-top: 20px;overflow: hidden;}
.indexbox2 .xztit ul{right: 100px;}
.indexbox2 .indextab {float: left;margin-left: 22px;margin-top: 22px;}
.indexbox2 .indextab  li{float: left;width: 126px;height: 186px;margin-bottom: 15px;margin-right: 22px;background: #f6f6f6;}
.indexbox2 .indextab  li:nth-child(8n){margin-right: 0;}
.indexbox2 .indextab  li:hover{background: #ebfff2;border-top: 3px solid #26c472;height: 183px;}
.indexbox2 .indextab  li:hover span{display: none;}
.indexbox2 .indextab  li:hover i{display: none;}
.indexbox2 .indextab  li:hover em{display: block;}
.indexbox2 .indextab  li img{width: 88px;height: 88px;border-radius: 15px;margin: 20px 22px 0;}
.indexbox2 .indextab  li:hover img{margin-top: 17px;}
.indexbox2 .indextab  li p:nth-child(2){font-size: 15px;color: #333;line-height: 15px;text-align: center;max-width: 100px;white-space: nowrap;overflow: hidden;display: block;margin: 10px auto 10px;}
.indexbox2 .indextab  li:hover p:nth-child(2){color: #26c472;}
.indexbox2 .indextab  li p:nth-child(3){text-align: center;}
.indexbox2 .indextab  li p i{display: inline-block;color: #999;margin: 0 2px;}
.indexbox2 .indextab  li span{font-size: 12px;color: #9a9a9a;line-height: 15px;text-align: center;max-width: 120px;white-space: nowrap;overflow: hidden;}
.indexbox2 .indextab  li span:nth-of-type(2){color: #64d2a2;}
.indexbox2 .indextab  li em{width: 60px;height: 22px;border: 1px solid #26c472;text-align: center;background: #fff;color: #26c472;font-size: 14px;line-height: 20px;margin: 0 auto;display: block;border-radius: 11px;display: none;}

.indexbox3{background: #fff;overflow: hidden;}
.indexbox3 ul{margin: 20px;overflow: hidden;}
.indexbox3 ul li{float: left;width: 277px;height: 230px;border: 1px solid #f0f0f0;margin-right: 14px;}
.indexbox3 ul li:nth-child(4n){margin-right: 0;}
.indexbox3 ul li>a{position: relative;margin: 10px 10px 5px;display: block;}
.indexbox3 ul li>a img{width: 253px;height: 154px;}
.indexbox3 ul li>a p{font-size: 14px;color: #fff;line-height: 14px;position: absolute;bottom: 12px;text-align: center;width: 100%;z-index: 2;white-space: nowrap;overflow: hidden;}
.indexbox3 ul li>a .zhe{background-image: linear-gradient(to top, rgba(0, 0, 0,.6), transparent);width: 253px;position: absolute;bottom: 4px;height: 30px;}
.indexbox3 ul li .info{width: 130px;display: flex;float: left;}
.indexbox3 ul li .info img{width: 50px;height: 50px;border-radius: 10px;float: left;margin-left: 10px;}
.indexbox3 ul li .info p{font-size: 14px;color: #4c4c4c;float: left;margin-left: 8px;margin-top: 3px;overflow: hidden;display: inline-block;white-space: nowrap;max-width: 56px;}
.indexbox3 ul li .info:hover p{color: #26c472;}
.indexbox3 ul li .info span{width: 52px;height: 18px;border: 1px solid #19b955;color: #19b955;line-height: 18px;font-size: 14px;text-align: center;border-radius: 3px;float: left;margin-left: 8px;margin-top: 5px;}

.indexbox4{background: #fff;overflow: hidden;}
.indexbox4 .xztit ul{right: 100px;}
.indexbox4 .indextab {float: left;margin-left: 22px;margin-top: 22px;}
.indexbox4 .indextab  li{float: left;width: 126px;height: 186px;margin-bottom: 15px;margin-right: 22px;background: #f6f6f6;}
.indexbox4 .indextab  li:nth-child(8n){margin-right: 0;}
.indexbox4 .indextab  li:hover{background: #ebfff2;border-top: 3px solid #26c472;height: 183px;}
.indexbox4 .indextab  li:hover span{display: none;}
.indexbox4 .indextab  li:hover i{display: none;}
.indexbox4 .indextab  li:hover em{display: block;}
.indexbox4 .indextab  li img{width: 88px;height: 88px;border-radius: 15px;margin: 20px 22px 0;display: block;}
.indexbox4 .indextab  li:hover img{margin-top: 17px;}
.indexbox4 .indextab  li p:nth-child(2){font-size: 15px;color: #333;line-height: 15px;text-align: center;max-width: 100px;white-space: nowrap;overflow: hidden;display: block;margin: 10px auto 10px;}
.indexbox4 .indextab  li:hover p:nth-child(2){color: #26c472;}
.indexbox4 .indextab  li p:nth-child(3){text-align: center;}
.indexbox4 .indextab  li p i{display: inline-block;color: #999;margin: 0 2px;}
.indexbox4 .indextab  li span{font-size: 12px;color: #9a9a9a;line-height: 15px;text-align: center;max-width: 120px;white-space: nowrap;overflow: hidden;}
.indexbox4 .indextab  li span:nth-of-type(2){color: #64d2a2;}
.indexbox4 .indextab  li em{width: 60px;height: 22px;border: 1px solid #26c472;text-align: center;background: #fff;color: #26c472;font-size: 14px;line-height: 20px;margin: 0 auto;display: block;border-radius: 11px;display: none;}

.indexbox5{background: #fff;overflow: hidden;}
.indexbox5 ul{margin: 20px;overflow: hidden;}
.indexbox5 ul li{float: left;width: 277px;height: 230px;border: 1px solid #f0f0f0;margin-right: 14px;}
.indexbox5 ul li:nth-child(4n){margin-right: 0;}
.indexbox5 ul li>a{position: relative;margin: 10px 10px 5px;display: block;}
.indexbox5 ul li>a img{width: 253px;height: 154px;}
.indexbox5 ul li>a p{font-size: 14px;color: #fff;line-height: 14px;position: absolute;bottom: 12px;text-align: center;width: 100%;z-index: 2;white-space: nowrap;overflow: hidden;}
.indexbox5 ul li>a .zhe{background-image: linear-gradient(to top, rgba(0, 0, 0,.6), transparent);width: 253px;position: absolute;bottom: 4px;height: 30px;}
.indexbox5 ul li .info{width: 130px;display: flex;float: left;}
.indexbox5 ul li .info img{width: 50px;height: 50px;border-radius: 10px;float: left;margin-left: 10px;}
.indexbox5 ul li .info p{font-size: 14px;color: #4c4c4c;float: left;margin-left: 8px;margin-top: 3px;overflow: hidden;display: inline-block;white-space: nowrap;max-width: 56px;}
.indexbox5 ul li .info:hover p{color: #26c472;}
.indexbox5 ul li .info span{width: 52px;height: 18px;border: 1px solid #19b955;color: #19b955;line-height: 18px;font-size: 14px;text-align: center;border-radius: 3px;float: left;margin-left: 8px;margin-top: 5px;}

.indexbox6{background: #fff;overflow: hidden;padding-bottom: 20px;}
.indexbox6 .rankmain .rankbox{position: relative;border: 1px dotted #19b955;width: 368px;background: #ebfff2;height: 77px;}
.indexbox6 .rankmain:nth-child(3) .rankbox{border: 1px dotted #28caff;background: #ebfaff;}
.indexbox6 .rankmain:nth-child(4) .rankbox{border: 1px dotted #f5d356;background: #fffbeb;}
.indexbox6 .rankmain .rankbox i{width: 195px;height: 46px;background-position: -11px -64px;position: absolute;top: 16px;left: 87px;}
.indexbox6 .rankmain .rankbox p{font-size: 25px;color: #3b324f;font-weight: 600;position: absolute;bottom: 16px;left: 86px;letter-spacing: 31px;}
.indexbox6 .rankmain .rankbox p em{font-size: 25px;color: #3b324f;font-weight: 600;margin: 0 10px;position: absolute;}
.indexbox6 .rankmain .rankbox p em:nth-child(1){bottom: 0px;left: 26px;}
.indexbox6 .rankmain .rankbox p em:nth-child(2){bottom: 0px;left: 82px;}
.indexbox6 .rankmain .rankbox p em:nth-child(3){bottom: 0px;left: 138px;}
.indexbox6 .rankmain:nth-child(3) .rankbox i{background-position: -11px -125px;}
.indexbox6 .rankmain:nth-child(4) .rankbox i{background-position: -11px -185px;}
.indexbox6 .rankmain{margin-left: 22px;margin-top: 20px;float: left;}
.indexbox6 .rankmain ul{overflow: hidden;width: 370px;margin-top: 8px;}
.indexbox6 .rankmain ul li{width: 368px;}
.indexbox6 .rankmain ul li:nth-child(1) .tbox em,.indexbox6 .rankmain ul li:nth-child(1) .fbox em{background: #ff3d2c;}
.indexbox6 .rankmain ul li:nth-child(2) .tbox em,.indexbox6 .rankmain ul li:nth-child(2) .fbox em{background: #fead21;}
.indexbox6 .rankmain ul li:nth-child(3) .tbox em,.indexbox6 .rankmain ul li:nth-child(3) .fbox em{background: #28caff;}
.indexbox6 .rankmain ul li .tbox{overflow: hidden;box-shadow: 1px 1px 2px 1px #e7e7e7;padding: 16px 0;border-radius: 8px;width: 368px;}
.indexbox6 .rankmain ul li .tbox em{width: 24px;height: 24px;display: inline-block;border-radius: 12px;color: #fff;background: #c4d0db;line-height: 24px;text-align: center;float: left;margin: 33px 24px 33px 16px;}
.indexbox6 .rankmain ul li .tbox img{width: 90px;height: 90px;border-radius: 20px;float: left;}
.indexbox6 .rankmain ul li .tbox .info{float: left;margin-left: 23px;width: 165px;}
.indexbox6 .rankmain ul li .tbox .info a:nth-child(1){display: inline-block;font-size: 18px;color: #4c4c4c;line-height: 18px;margin-top: 8px;}
.indexbox6 .rankmain ul li .tbox .info p{font-size: 14px;color: #999;line-height: 14px;margin-top: 10px;}
.indexbox6 .rankmain ul li .tbox .info p span{color: #999;margin: 0 4px;}
.indexbox6 .rankmain ul li .tbox .info a:nth-last-child(1){display: inline-block;width: 80px;height: 26px;color: #fff;background: #19b955;border-radius: 3px;line-height: 26px;text-align: center;margin-top: 10px;}
.indexbox6 .rankmain ul li .tbox i{float: left;width: 18px;height: 17px;background-position: -11px -40px;margin-top: 30px;}
.indexbox6 .rankmain ul li .fbox{width: 368px;overflow: hidden;padding: 12px 0;}
.indexbox6 .rankmain ul li .fbox em{width: 24px;height: 24px;display: inline-block;border-radius: 12px;color: #fff;background: #c4d0db;line-height: 24px;text-align: center;float: left;margin: 0 24px 0 16px;}
.indexbox6 .rankmain ul li .fbox p{float: left;font-size: 16px;line-height: 24px;display: inline-block;color: #4c4c4c;width: 278px;}
.indexbox6 .rankmain ul li .fbox i{float: left;width: 18px;height: 17px;background-position: -11px -40px;}

.indexbox7{background: #fff;overflow: hidden;}
.indexbox7 ul{margin: 20px 20px 10px;overflow: hidden;}
.indexbox7 ul li{width: 120px;height: 38px;background: #f6f6f6;float: left;border-radius: 3px;margin-right: 28px;margin-bottom: 10px;}
.indexbox7 ul li:hover{background: #ebfff2;}
.indexbox7 ul li:hover a{color: #48c371;}
.indexbox7 ul li:nth-child(8n){margin-right: 0;}
.indexbox7 ul li a{color: #4c4c4c;font-size: 16px;line-height: 38px;text-align: center;display: inline-block;width: 100%;}

/* feedback */
.kgInfo{position: relative;}
.feBaBtn:hover{opacity: .9;}
.feedBack{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.feBaBox{position: fixed;z-index: 15;top: 120px;left: 0;right: 0;margin: auto;background-color: #fff;width: 560px;border-radius: 10px;}
.feBaBox .fkbg{width: 560px;height: 96px;background: url(../img/fkbg.png) no-repeat;}
.feBaClose{position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;}
.feBaClose i{display: inline-block;width: 26px;height: 26px;background-position: -190px -8px;position: relative;}
.feHead{height: 28px;line-height: 28px;font-size: 28px;color: #4ec374;text-align: center;margin-top: 30px;font-weight: 600;}
.feBack{margin: 0 26px 5px;}
.feBack p{font-size: 16px;color: #898989;margin: 22px 0 16px;}
.feBack .info{border: 1px solid #dfe2e6;border-radius: 10px;}
.feBack .info p{font-size: 16px;color: #303030;line-height: 88px;border-bottom: 1px solid #dfe2e6;}
.feBack textarea{width: 485px;height: 68px;border: none;resize:none;background: #edf1f5;padding-left: 2px;padding: 12px;font-size: 14px;color: #454545;}
.checkbox {position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #dfe2e6;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.checkbox label {position: absolute;left: 0px;top: 0;height: 42px;line-height: 42px;width: 495px;font-size: 14px;color: #666;text-align: left;padding-left: 10px;}
.checkbox label:after {display: block;content: '';position: absolute;right: 10px;top: 11px;width: 16px;height: 16px;line-height: 18px;text-align: center;border: 1px solid #dfe2e6;border-radius: 50%;}
.checkbox input[type='checkbox']:checked + label:after {content: '√';background-color: #19b955;border-color: #19b955;color: #fff;}
.telBox{height: 48px;line-height: 48px;margin: 0 26px;overflow: hidden;}
.telBox span{font-size: 16px;color: #19b955;display: inline-block;font-weight: 600;margin-top: 4px;}
.telBox input{border: none;height: 32px;width: 400px;float: right;font-size:12px;padding-left: 12px;margin-top: 10px;border: 1px solid #cecece;border-radius: 8px;}
.telBox input::-webkit-input-placeholder {color: #888;}
.telBox input:-moz-placeholder { color: #888;}
.telBox input::-moz-placeholder { color: #888;}
.telBox input:-ms-input-placeholder { color: #888;}
.feSubmit input{background-color: #faa701;font-size: 16px;margin: 16px 80px 46px;width: 400px;height: 48px;line-height: 48px;text-align: center;color: #fff;border: none;border-radius: 10px;}
.feSubmit input:hover{opacity: .96;}

/* power */
.gRule{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.gSure{width: 400px;height: 40px;font-size: 16px;font-weight: 600;color: #fff;background: #fdbc4c;text-align: center;line-height: 40px;border-radius: 20px;display: block;margin: 20px auto;cursor: pointer;}
.ruleTxt{width: 560px;height: 760px;background: #fff;border-radius: 10px;position: fixed;z-index: 15;top: 8%;left: 0;right: 0;margin: auto;}
.ruleTxt>p:nth-of-type(1){font-size: 30px;line-height: 30px;font-weight: 600;color: #19b955;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.ruleTxt>p:nth-of-type(2){font-size: 14px;line-height: 14px;color: #666;text-align: right;margin: 10px 45px 20px;}
.ruleTxt .qxbg{width: 560px;height: 96px;background: url(../images/qxbg.png) no-repeat;}
.ruleMain{display: block;width: 450px;height: 480px;border: 1px solid #d2d2d2;border-radius: 20px;padding: 10px 25px;line-height: 42px;font-size: 16px;margin: 0 auto;overflow: auto;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 30px;}
.gRule i{display: inline-block;width: 26px;height: 26px;background-position: -190px -8px;position: absolute;right: 20px;top: 20px;cursor: pointer;}

/* ys */
.yszcbox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.ysSure{width: 400px;height: 40px;font-size: 16px;font-weight: 600;color: #fff;background: #fdbc4c;text-align: center;line-height: 40px;border-radius: 20px;display: block;margin: 20px auto;cursor: pointer;}
.ysTxt{width: 560px;height: 760px;background: #fff;border-radius: 10px;position: fixed;z-index: 15;top: 8%;left: 0;right: 0;margin: auto;}
.ysTxt>p:nth-of-type(1){font-size: 30px;line-height: 30px;font-weight: 600;color: #19b955;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.ysTxt>p:nth-of-type(2){font-size: 14px;line-height: 14px;color: #666;text-align: right;margin: 10px 45px 20px;}
.ysTxt .ysbg{width: 560px;height: 96px;background: url(../images/ysbg.png) no-repeat;}
.ysMain{display: block;width: 450px;height: 480px;border: 1px solid #d2d2d2;border-radius: 20px;padding: 10px 25px;line-height: 42px;font-size: 16px;margin: 0 auto;overflow: auto;}
.ysMain p:nth-last-of-type(1){margin-bottom: 30px;}
.yszcbox i{display: inline-block;width: 26px;height: 26px;background-position: -190px -8px;position: absolute;right: 20px;top: 20px;cursor: pointer;}

/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 310px;left: 0;right: 0;margin: auto;background-color: #fff;width: 560px;border-radius: 10px;text-align: center;}
.orderbg{width: 560px;height: 96px;background: url(../images/ordertbg.png) no-repeat;}
.orderBox .oClose{position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 26px;height: 26px;background-position: -190px -8px;position: relative;}
.orderBox .oTitle p{height: 28px;line-height: 28px;font-size: 28px;color: #4ec374;text-align: center;margin-top: 30px;font-weight: 600;white-space: nowrap;overflow: hidden;}
.orderBox form .tel{width:300px;border: 0;background:#f5f5f5;color:#8f8f8f;font-size:14px;border-radius:8px;padding:0 10px;line-height: 60px;margin: 28px auto 6px;overflow: hidden;white-space: nowrap;}
.orderBox form .tel::-webkit-input-placeholder {color: #8f8f8f;}
.orderBox form .tel:-moz-placeholder { color: #8f8f8f;}
.orderBox form .tel::-moz-placeholder { color: #8f8f8f;}
.orderBox form .tel:-ms-input-placeholder { color: #8f8f8f;}
.orderBox form p{ color:#666;font-size:16px;line-height: 24px;margin-top: 20px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{color: #ed4040;font-size: 14px;text-align: left;display: block;width:318px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;width:318px;border: 0;background-color:#ffa622;color:#fff;font-size:20px;border-radius:8px;line-height: 60px;margin: 20px auto 30px;overflow: hidden;white-space: nowrap; }
.orderBox .msg{color: #ed4040;font-size: 14px;text-align: left;display: block;width:318px;margin: 0 auto;}
.orderBox .oWin{width: 100%;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oWin>p{font-size:18px;color: #141414;font-weight: 500;line-height: 24px;margin-bottom: 26px;margin-top: 10px;}
.orderBox .oWin>i{display:inline-block;width: 167px;height: 101px;background-position: -388px -312px;position: relative;}
.orderBox .oWin em{display: block;font-size: 20px;color: #faa701;margin-top: 30px;}
.orderBox .oLose{width: 100%;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oLose>p{font-size:18px;color: #141414;font-weight: 500;line-height: 24px;margin-bottom: 26px;margin-top: 10px;}
.orderBox .oLose>i{display:inline-block;width: 167px;height: 101px;background-position: -388px -160px;position: relative;}
.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oAgin>p{font-size:18px;color: #141414;font-weight: 500;line-height: 24px;margin-bottom: 26px;margin-top: 10px;}
.orderBox .oAgin>i{display:inline-block;width: 153px;height: 101px;background-position: -388px -20px;position: relative;}

.loadimg{margin: 0 20px;overflow: hidden;}
.fl_box {width: 650px;float:left;height:auto;background:#fff;border-radius:2px;margin: 10px 70px;}
.fl_box .Tabwrap { width: 100%; margin-top: 10px; }
.fl_box .Tabwrap ul { width: 100%; overflow: hidden; }
.fl_box .Tabwrap ul li { width: 100%; height: 42px; float: left; line-height: 42px; font-size: 15px; color: #595959; margin: 4px auto; }
.fl_box .Tabwrap ul li .name { display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 360px; height: 42px; margin: 0 5px; color: #595959; }
.fl_box .Tabwrap ul li .name:hover { color: #ff6600; }
.fl_box .Tabwrap ul li .bb { float: left; width: 160px; height: 42px; font-size:13px; overflow: hidden; }
.fl_box .Tabwrap ul li .size { float: left; width: 160px; height: 42px; font-size:13px; overflow: hidden; }
.fl_box .Tabwrap ul li .downl { display: block; float: right; text-align: center; line-height: 30px; width: 90px; height: 30px; margin: 6px; color: #555; background: #f0f1f7; border-radius: 3px; }
.fl_box .Tabwrap ul li .downl:hover { background: #ff6600; color: #fff; }
.fl_box .Lef_1 {width: 100%;height: auto;}
.fl_box .Lef_1 .Lef1_cent { width: 100%; height: auto; margin: 10px 0 20px 0; color:#666;line-height:30px;font-size:16px;}
.fl_box .Lef_1 .Lef1_cent a{color:#ff6600;cursor: pointer;}
.fl_box .Lef_1 .Lef1_cent a:hover{color:#ff6600;text-decoration: underline;}
.Lef1_cent img,.Lef1_cent table{margin:10px auto;}
.fl_box .Lef_1 .Lef1_cent h3 {  display: block; width: 100%; font-weight:bold;margin:10px 0 5px;color:#ff6600;font-size:18px;}
.fl_box .Lef_1 .Lef1_cent span.bq { display: block; width: 100%; font-weight: bold; margin: 20px 0 10px; }
.fl_box .Lef_1 .Lef1_cent img{display: block;max-width: 530px;max-height: 480px; margin:10px auto;}
.fl_box .Lef_1 .Lef1_cent iframe {display:block;width:680px;height:400px;margin:0 auto;}
.fl_box .Lef_1  .video-js{width: 666px;height: 375px;margin: auto;}
.fl_box .Lef_1 .v_video{text-align: center}
.fl_box .Lef_2 {width: 100%;height: auto;}
.fl_box .Lef_2 .Lef2_cent {width: 100%;height: auto;position: relative;}
.fl_box .Lef_2 .Lef2_cent .snapShotWrap {width: 100%;position: relative;}
.fl_box .Lef_2 .Lef2_cent #shotNext {top: 0;right: -56px;padding: 0;margin: 0;border-radius: 0;}
.fl_box .Lef_2 .Lef2_cent #shotPrev {top: 0;left: -56px;padding: 0;margin: 0;}
.fl_box .Lef_2 .Lef2_cent .snap-shot-btn {position: absolute;width: 38px;height: 99%;z-index: 2;border: 1px solid  #e1e1e1;background: #f4f4f4;}
.fl_box .Lef_2 .Lef2_cent .snap-shot-btn:hover { opacity: .9; }
.fl_box .Lef_2 .Lef2_cent #shotNext i {  background-position: -280px -8px; }
.fl_box .Lef_2 .Lef2_cent #shotPrev i {  background-position: -227px -8px; }
.fl_box .Lef_2 .Lef2_cent .snap-shot-btn i {width: 18px;height: 33px;top: 45%;display: block;position: absolute;z-index: 99;right: 10px;}
.fl_box .Lef_2 .Lef2_cent .snapShotCont { width: 100%; position: relative; overflow: hidden; z-index: 1; }
.fl_box .Lef_2 .Lef2_cent .snopshot { position: absolute; overflow: hidden; zoom: 1; text-align: center; }
.fl_box .Lef_2 .Lef2_cent .snapShotCont img { position: relative; width: 100%; height: 100%; }
.fl_box .Lef_2 .Lef2_cent .elementOverlay { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); }
.fl_box .Lef_2 .Lef2_cent .elementOverlays { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }


/* 2021 7.15 小白需求  */
.xz_box1 .loadbox a.xj{background: #eeeeee;box-shadow: 0px 0px 5px 0px #ececec;color: #a8a8a8;}
.xz_box1 .loadbox a.xj i{background-position: -11px -295px;}
.xz_box2 .cont a{color:#26c472;}
.xz_box8 ul li span{max-width: 150px;}
.news_detail_wrap .cont{color: #333;}

.loadimg .xztit p {margin: 0;}
.loadimg .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;margin-top: 16px}
.loadimg .swiper-slide {position: relative;text-align: center;cursor: pointer;}
.loadimg .gallery-top .swiper-slide video {position: relative}
.loadimg .gallery-top .swiper-slide>div {width: 100%;height: 100%}
.loadimg .swiper-slide i {display: block;width: 32px;height: 32px;background-position: -259px -126px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;}
.loadimg .gallery-top .swiper-slide>div img {width: 100%;opacity: .9;object-fit: cover;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
.loadimg .gallery-top .swiper-slide>img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 440px;width: auto;opacity: 1;}
.loadimg .gallery-top {width: 790px;height: 440px;}
.loadimg .gallery-thumbs {width: 790px;height: 90px;padding: 10px 0 15px;margin-top: 0;}
.loadimg .gallery-thumbs .swiper-slide {opacity: .8;overflow: hidden;text-align: center;width: 154px;height: 90px;border-radius: 1px;}
.loadimg .gallery-thumbs .swiper-slide img {width: 100%;height: auto;min-height: 90px;}
.loadimg .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.loadimg .gallery-thumbs .swiper-slide-thumb-active {border: 2px solid #26c472;width: 148px;height: 84px;}
.loadimg .gallery-thumbs .swiper-slide-thumb-active img {width: 100%;height: auto;min-height: 90px;}
.loadimg .swiper-button-white {display: none}
.loadimg .swiper-container:hover .swiper-button-white {display: block}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#26c472;}


/**/
.padding20{padding:20px;}
.padding20{background:#fff;}
.game_phb_c{width:310px;overflow:hidden;}
.game_phb_c .tab_menu{width:342px;margin-bottom:15px;}
.game_phb_c .tab_menu li{width:142px;height:36px;line-height:36px;text-align:center;color:#fff;background:#555;float:left;border-radius:3px;margin-right:25px;position:relative;cursor:pointer;}
.game_phb_c .tab_menu li i{display:block;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent transparent;position:absolute;top:36px;right:67px;}
.game_phb_c .phbBox{width:100%;margin:0;float:none;}
.game_phb_c .tab_menu li.current{background:#19b955;}
.game_phb_c .tab_menu li.current i{border-color:#19b955 transparent transparent transparent;}
.game_phb_c .phbBox li .fBox em{display:block;height:25px;line-height:25px;float:right;color:#999;}

.phbNewsBox .fBox .txt{width:270px;height:25px;line-height:25px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;}
.phbNewsBox li .tBox .num{height:64px;line-height:64px;}
.phbNewsBox li .tBox .imgBox{width:100px;height:64px;border-radius:none;}
.phbNewsBox li .tBox img{width:100px;height:64px;}
.phbNewsBox li .info{color:#999;}
.phbNewsBox li .info .name{height:42px;white-space:normal;font-size:14px;color:#666;}