body { background: #f6f7fb; font-size: 14px; color: #434343; }
body a { color: #434343; }
body a:hover { color: #ffa200; }

.header_center .center{z-index:2;}

.header_wrap, .fotter, .center { position: relative; z-index: 1; }

.content { min-height: 500px; position: relative;}

.webpage_header { height: 100px; width: 100%; background: #fff; }
.webpage_header .logo { width: 216px; height: 49px; float: left; display: block; cursor: pointer; margin-top: 25px; }
.webpage_header .ztlogo{position:absolute;width: 120px;height: 40px;background-size: 100% auto;top: 20px;right: 300px;}
.webpage_header .logo:hover { opacity: 0.8; }
.webpage_header .logo img { display: block; width: 100%; }
.webpage_header .nav_a { padding-left: 60px; width: 600px; overflow: hidden; float: left; height: 100px; }
.webpage_header .nav_a ul { width: 100%; height: 100%; }
.webpage_header .nav_a ul li { float: left; height: 100%; line-height: 100px; width: 80px; text-align: center; }
.webpage_header .nav_a ul li a { display: inline-block; color: #434343; font-size: 16px; height: 95px; transition: all 0.2s linear; }
.webpage_header .nav_a ul li a:hover { border-bottom: 5px solid #ffa200; color: #ffa200; font-size: 20px; font-weight: bold; }
.webpage_header .nav_a ul .on a { border-bottom: 5px solid #ffa200; color: #ffa200; font-size: 20px; font-weight: bold; }
.webpage_header .search-rit { float: right; width: 260px; margin-top: 22px; }
.webpage_header .search-rit .search { background: #ffa200; height: 30px; width: 260px; border-radius: 3px; }
.webpage_header .search-rit .search .inputtext { height: 20px; line-height: 20px; padding: 4px 10px; background: #fff; border: none; margin: 1px 0 0 1px; display: block; float: left; width: 185px; border-radius: 2px; font-size: 12px; }
.webpage_header .search-rit .search .but { width: 50px; float: right; display: block; border: none; background: none; position: relative; height: 30px; cursor: pointer; }
.webpage_header .search-rit .search .but:hover { opacity: 0.8; }
.webpage_header .search-rit .search .but i { background: url("../../images/ico_newimg.png") no-repeat center; height: 17px; width: 17px; background-position: -28px 0; position: absolute; display: block; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; }
.webpage_header .search-rit .linka { width: 100%; height: 30px; padding-top: 7px; line-height: 30px; overflow: hidden; }
.webpage_header .search-rit .linka a { float: left; width: 25%; height: 30px; display: block; overflow: hidden; color: #959595; font-size: 12px; text-align: center; }
.webpage_header .search-rit .linka a:hover { color: #ffa200; }

.webpage_lunboxone { height: 413px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.webpage_lunboxone .lunbox { width: 1200px; position: relative; margin: 0 auto; }
.webpage_lunboxone .bd { width: 1200px; margin: 0 auto; }
.webpage_lunboxone .bd .tempWrap { margin-left: -1200px; }
.webpage_lunboxone .bd ul li { width: 1200px; float: left; height: 413px; position: relative; }
.webpage_lunboxone .bd ul li .img, .webpage_lunboxone .bd ul li .img img { width: 100%; height: 100%; display: block; }
.webpage_lunboxone .hd { position: absolute; left: 380px; bottom: 40px; width: 120px; height: 20px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2ffffff,endColorstr=#F2ffffff); zoom: 1; background: rgba(255, 255, 255, 0.2); border-radius: 10px; line-height: 20px; text-align: center; }
.webpage_lunboxone .hd li { display: inline-block; vertical-align: middle; height: 8px; width: 8px; background: #141112; border-radius: 50%; margin: -4px  2px 0; text-indent: 100em; overflow: hidden; transition: all 0.2s linear; }
.webpage_lunboxone .hd .on { width: 30px; background: #ffa200; border-radius: 10px; }
.webpage_lunboxone .next, .webpage_lunboxone .prev { position: absolute; background: url("../../images/ico_newimg.png") no-repeat center; height: 67px; width: 43px; top: 50%; margin-top: -33px; z-index: 1; }
.webpage_lunboxone .prev { left: -60px; background-position: 0 -126px; }
.webpage_lunboxone .next { right: -60px; background-position: -60px -126px; }
.webpage_lunboxone .lab span { position: absolute; height: 413px; top: 0px; width: 1200px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); zoom: 1; background: rgba(255, 255, 255, 0.6); }
.webpage_lunboxone .lab .sp_l { left: -1200px; }
.webpage_lunboxone .lab .sp_r { right: -1200px; }
.webpage_lunboxone .formbox { position: absolute; right: 0px; top: 0px; width: 340px; height: 413px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); zoom: 1; background: rgba(255, 255, 255, 0.9); }

.formbox { width: 100%; height: 100%; }
.formbox .box_ { font-size: 14px; padding: 0 35px; }
.formbox .box_ .bt { height: 80px; line-height: 80px; text-align: center; color: #434343; font-size: 20px; }
.formbox .box_ .inputlis { height: 35px; border: 1px solid #e4e4eb; line-height: 35px; background: #fff; padding: 0 15px; margin-bottom: 12px; }
.formbox .box_ .inputlis input { width: 100%; display: block; border: none; background: none; height: 15px; line-height: 15px; padding: 10px 0; font-size: 14px; color: #000; }
.formbox .box_ .lab_ { padding-top: 3px; height: 20px; line-height: 20px; color: #434343; font-size: 14px; overflow: hidden; }
.formbox .box_ .lab_ .radiobtn { width: 18px; height: 18px; position: relative; float: left; }
.formbox .box_ .lab_ .radiobtn input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.formbox .box_ .lab_ .radiobtn span { background: url("../../images/ico_tb.png") no-repeat center; height: 18px; width: 18px; display: block; background-position: 0 -53px; }
.formbox .box_ .lab_ .radiobtn span.inpbg { background-position: 0 -82px; }
.formbox .box_ .lab_ label { display: block; float: left; padding: 0 0px 0 5px; }
.formbox .box_ .lab_ a { display: block; float: left; border-left: 2px solid #9c9b9b; height: 14px; line-height: 14px; margin: 3px 0px 0 10px; color: #434343; }
.formbox .box_ .lab_ a:hover { color: #1a7bb9; }
.formbox .box_ .lab_ .a { margin-left: 0px; color: #1a7bb9; border-left: none; padding-left: 0px; }
.formbox .box_ .lab_ .forget_link { padding-left: 10px; margin-left: 10px; }
.formbox .box_ .btn_ { margin-top: 15px; height: 37px; width: 100%; line-height: 37px; background: #fed929; border-radius: 5px; text-align: center; color: #000; font-size: 14px; }
.formbox .box_ .btn_:hover { opacity: 0.8; }
.formbox .box_ .btn_ a, .formbox .box_ .btn_ button { color: #000; background: none; border: none; width: 100%; height: 100%; display: block; cursor: pointer; }
.formbox .box_ .more_login { height: 32px; padding-top: 20px; line-height: 32px; color: #434343; }
.formbox .box_ .more_login a { display: inline-block; vertical-align: middle; background: url("../../images/ico_newimg.png") no-repeat center; height: 32px; width: 32px; margin: -2px 4px 0; }
.formbox .box_ .more_login a:hover { opacity: 0.8; }
.formbox .box_ .more_login .ico1 { background-position: 0 -78px; }
.formbox .box_ .more_login .ico2 { background-position: -44px -78px; }
.formbox .box_ .more_login .ico3 { background-position: -91px -78px; }
.formbox .box_ .bot_text { height: 25px; padding-top: 15px; text-align: center; line-height: 24px; color: #434343; }
.formbox .box_ .bot_text a { color: #ff6204; padding-left: 10px; cursor: pointer; }
.formbox .logoinbox { padding-top: 30px; }

.formbox .usernamebox{ width: 100%; height: 100%; display: block;}
.formbox .usernamebox .name_box{ height: 112px; padding: 26px 15px 21px; border-bottom: 1px solid #dad9da;}
.formbox .usernamebox .name_box .nameimg{ float: left; width: 80px; height: 80px; border-radius: 50px; margin-left: 13px; overflow: hidden; display: block;}
.formbox .usernamebox .name_box .nameimg img{ display: block; width: 100%; height: 100%;}
.formbox .usernamebox .name_box .nametext{ float: left; padding-left: 15px; overflow: hidden; height: 80px; width: 200px;}
.formbox .usernamebox .name_box .nametext .name{ height: 28px; line-height: 28px; display: block; width: 100%; color: #090909; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.formbox .usernamebox .name_box .nametext p{color: #969696; font-size: 14px; height: 21px; line-height: 21px; padding-top: 8px; width: 100%; overflow: hidden;}
.formbox .usernamebox .name_box .nametext p .qd{ display: inline-block; vertical-align: middle; width: 43px;height: 21px; margin: -4px 0 0 10px; text-align: center; color: #fff; background: #f39800; border-radius: 5px; font-size: 12px; overflow: hidden;cursor: pointer;}
.formbox .usernamebox .name_box .nametext p .closename{color: #969696; float: right; cursor: pointer;}
.formbox .usernamebox  .name_box .pf {padding: 15px 0 0 40px; height: 17px; line-height: 17px; float: left; width: 270px; color: #f39800; font-size: 20px;}
.formbox .usernamebox .name_box .pf .ico{ background: url("../../images/ico_newimg.png") no-repeat center; height:14px;width:16px;background-position: -471px 0; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.formbox .usernamebox .name_box .pf .namepf{width:220px; height: 17px; float: right; background:#dcdcdc; position: relative; overflow: hidden; border-radius: 30px;}
.formbox .usernamebox .name_box .pf .namepf p{position: absolute;left: 0px;top:0px;height: 100%;width: 100%;background: -webkit-linear-gradient(left, #ffa23b 0%,#ffd84d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa23b', endColorstr='#ffd84d',GradientType=1 );background: linear-gradient(to right, #ffa23b 0%,#ffd84d 100%);}
.formbox .usernamebox .nameqf .bt{ height: 33px; line-height: 33px; padding: 10px 20px 5px 20px; font-size: 14px; color: #969696;}
.formbox .usernamebox .nameqf .ul{ height: 200px; padding-left: 15px; overflow-y: auto; overflow-x: hidden;}
.formbox .usernamebox .nameqf .ul .li{ display: block; height: 40px; line-height: 40px;  overflow: hidden; color: #434343; font-size: 14px;width: 308px; }
.formbox .usernamebox .nameqf .ul .li span{ min-width: 70px; max-width: 88px; margin: 0 3px; display: inline-block; vertical-align: middle; text-align: center; margin-top: -3px; height: 40px; overflow: hidden;}
.formbox .usernamebox .nameqf .ul .li .a_btn{ width: 82px; height: 28px; float: right; border-radius: 3px; border:1px solid #ffa200 ; background: #fcc462; color: #805100; display: block; text-align: center; line-height: 28px; font-size: 12px; margin-top: 5px; transition: all 0.2s linear;}
.formbox .usernamebox .nameqf .ul .li .ico{background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.formbox .usernamebox .nameqf .ul .li .ico0{height: 10px;width: 6px;background-position: -180px -2px;}
.formbox .usernamebox .nameqf .ul .li .ico1{height:10px;width:12px;background-position: -449px 0;}
.formbox .usernamebox .nameqf .ul .li .ico2{height:11px;width:11px;background-position: -426px 0;}
.formbox .usernamebox .nameqf .ul .li .ico3{height:9px;width:0px;background-position: -401px 0;  transition: all 0.2s linear; }
.formbox .usernamebox .nameqf .ul .li .a_btn:hover i{width: 8px;margin-left: 5px;}
.formbox .usernamebox .nameqf .ul::-webkit-scrollbar { width: 6px; height: 8px; background: #dcdcdc; border-radius: 10px; }
.formbox .usernamebox .nameqf .ul::-webkit-scrollbar-button { width: 0; height: 0; }
.formbox .usernamebox .nameqf .ul::-webkit-scrollbar-corner { display: block; }
.formbox .usernamebox .nameqf .ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #fcc462; border-radius: 10px; }




@media screen and (max-width: 1320px) { .webpage_lunboxone .next { right: 0; }
  .webpage_lunboxone .prev { left: 0px; } }
.titlebt { padding: 0 20px; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #eee; }
.titlebt .bt { float: left; color: #000; font-size: 20px; }
.titlebt .bt i { display: inline-block; vertical-align: middle; background: url("../../images/ico_newimg.png") no-repeat center; margin: -2px 10px 0 0; }
.titlebt .bt .ico1 { height: 30px; width: 24px; background-position: -344px -38px; }
.titlebt .bt .ico2 { height: 26px; width: 30px; background-position: -420px -42px; }
.titlebt .bt .ico3 { height: 24px; width: 18px; background-position: 0px -34px; }
.titlebt .bt .ico4 { height: 30px; width: 38px; background-position: -461px -39px; }
.titlebt .bt .ico5 { height: 17px; width: 23px; background-position: -269px -42px; }
.titlebt .more_a { float: right; display: block; line-height: 30px; height: 30px; margin-top: 15px; width: 50px; float: right; }
.titlebt .more_a:after { content: '> '; font-family: "SansSerif"; }

.title_top { padding: 0 35px; height: 125px; color: #fff; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfeaa19,endColorstr=#ccfeaa19); zoom: 1; background: rgba(0, 0, 0, 0.85); }
/*.title_top { padding: 0 35px; height: 125px; color: #fff; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfeaa19,endColorstr=#ccfeaa19); zoom: 1; background: rgba(254, 170, 25, 0.9); }*/
.title_top .h1 { height: 75px; line-height: 75px; font-size: 30px; letter-spacing: 1px; width: 100%; overflow: hidden; }
.title_top .crumb { height: 20px; line-height: 20px; color: #fff; }
.title_top .crumb a { color: #fff; padding: 0 2px; }
.title_top .crumb a:hover { color: #FF6120; }

.Web_box { background: #fff; }
.Web_box .title { height: 80px; line-height: 80px; display: block; padding: 0 20px; }
.Web_box .title .bt { float: left; color: #000; font-size: 20px; }
.Web_box .title .bt .ico { background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.Web_box .title .bt .ico1 { height: 24px; width: 18px; background-position: 0 -34px; margin-top: -8px; }
.Web_box .title .bt .ico2 { height: 21px; width: 29px; background-position: -99px -34px; }
.Web_box .title .bt .ico3 { height: 26px; width: 19px; background-position: -34px -33px; margin-top: -5px; }
.Web_box .title .bt .ico4 { height: 24px; width: 24px; background-position: -64px -33px; }
.Web_box .title .bt .ico5 { height: 26px; width: 30px; background-position: -182px -34px; margin-top: -5px; }
.Web_box .title .bt .ico6 { height: 28px; width: 24px; background-position: -142px -33px; margin-top: -10px; }
.Web_box .title .bt .ico7 { height: 27px; width: 28px; background-position: -227px -34px; margin-top: -6px; }
.Web_box .title .bt .ico8 { height: 25px; width: 25px; background-position: -306px -39px; }
.Web_box .title .bt .ico9 { height: 28px; width: 30px; background-position: -338px 0; }
.Web_box .title .bt2 { width: 100%; text-align: center; }
.Web_box .title .more { float: right; width: 50px; height: 20px; text-align: center; display: block; line-height: 20px; border-radius: 20px; overflow: hidden; border: 1px solid #eee; background: #eee; font-size: 12px; margin-top: 30px; }
.Web_box .title .more:hover { border-color: #ffa200; background: #ffa200; color: #fff; }


.Web1 { padding-bottom: 23px; }
.Web1 .title .bt { font-size: 24px; }
.Web1 .web_slide { padding: 0 15px; overflow: hidden; position: relative; height: 242px; }
/*.Web1 .web_slide { padding: 0 15px; overflow: hidden; position: relative; height: 222px; }*/
.Web1 .web_slide .bd { width: 100%; height: 100%; overflow: hidden; }
.Web1 .web_slide .bd ul li { width: 179px; margin-right: 19px; overflow: hidden; height: 242px; position: relative; border-radius: 6px; float: left; }
/*.Web1 .web_slide .bd ul li { width: 179px; margin-right: 19px; overflow: hidden; height: 222px; position: relative; border-radius: 6px; float: left; }*/
.Web1 .web_slide .bd ul li a { display: block; width: 100%; height: 100%; }
.Web1 .web_slide .bd ul li text_:hover { color: #ffa200; }
.Web1 .web_slide .bd ul li img { width: 100%; height: 100%; display: block; }
.Web1 .web_slide .bd ul li .num { background: url("../../images/ico_newimg.png") no-repeat center; display: block; position: absolute; left: 0px; top: 0px; height: 44px; width: 44px; }
.Web1 .web_slide .bd ul li .num1 { background-position: 0 -212px; }
.Web1 .web_slide .bd ul li .num2 { background-position: -55px -213px; }
.Web1 .web_slide .bd ul li .num3 { background-position: -112px -214px; }
.Web1 .web_slide .bd ul li .text_ { color: #fff; background: url("../../images/ico_line1.png") repeat-x left; width: 100%; height: 72px; position: absolute; left: 0px; bottom: 0px; text-align: center; }
.Web1 .web_slide .bd ul li .text_ p, .Web1 .web_slide .bd ul li .text_ span { display: block; height: 25px; line-height: 15px; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.Web1 .web_slide .bd ul li .text_ p { padding-top: 22px; font-size: 16px; }
.Web1 .web_slide .next, .Web1 .web_slide .prev { position: absolute; background: url("../../images/ico_newimg.png") no-repeat center; height: 67px; width: 43px; top: 50%; margin-top: -33px; z-index: 1; display: none; }
.Web1 .web_slide .prev { left: 15px; background-position: 0 -126px; }
.Web1 .web_slide .next { right: 15px; background-position: -60px -126px; }
.Web1 .web_slide .bd ul li .lab_show{width: 100%; height: 100%; position: absolute; left: 0px; top:230px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background:rgba(0,0,0,0.8); transition: all 0.2s linear;}
.Web1 .web_slide .bd ul li .lab_show .sao{margin:25px auto 17px; width: 95px; height: 95px;}
.Web1 .web_slide .bd ul li .lab_show .btn_box{width: 140px ; margin: 0 auto;}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_{width: 140px; height: 30px; text-align: center;  padding-bottom: 6px;}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_ .a{ display: block; float: left;width: 138px; height: 28px;line-height: 28px;border:1px solid #f39800; border-radius: 3px; color:#fff;  background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff39800,endColorstr=#7ff39800); zoom: 1; background:rgba(243,152,0,0.6);}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_ .bj1{ background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1aad19,endColorstr=#7f1aad19); zoom: 1; background:rgba(26,173,25,0.6); border-color: #1aad19;}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_ .bj2{ background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fff7e7e,endColorstr=#7fff7e7e); zoom: 1; background:rgba(255,126,126,0.6); border-color: #ff7e7e;}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_ .p{width: 65px;}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_ .p + .p{margin-left: 6px;}
.Web1 .web_slide .bd ul li .lab_show .btn_box .btn_ .a:hover{opacity: 0.9;}
.Web1 .web_slide .bd ul li:hover .lab_show{top:0px;}


.Web2 { padding-bottom: 30px; margin-bottom: 20px; }
.Web2 .title { height: 100px; line-height: 100px; }
.Web2 .ul { width: 100%; padding: 0 15px; }
.Web2 .ul ul { width: 105%; }
.Web2 .ul ul li { width: 275px; display: block; float: left; margin: 0 23px 14px 0; }
.Web2 .ul ul li .img { display: block; width: 100%; height: 172px; overflow: hidden; }
/*.Web2 .ul ul li .img { display: block; width: 100%; height: 145px; overflow: hidden; }*/
.Web2 .ul ul li .img img { display: block; width: 100%; min-height: 100%; }
.Web2 .ul ul li .text { height: 30px; line-height: 30px; display: block; text-align: center; padding-top: 12px; color: #434343; }
.Web2 .ul ul li .text:hover { color: #ffa200; }

.Web3 { padding: 0 15px; padding-bottom: 20px; margin-bottom: 10px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff); zoom: 1; background: rgba(255, 255, 255, 0.8); }
.Web3 .title { height: 60px; line-height: 60px; }
.Web3 .lunbox_lis { height: 340px; position: relative; margin: 0 15px; overflow: hidden; }
.Web3 .lunbox_lis .bd { width: 100%; }
.Web3 .lunbox_lis .bd li { width: 238px; height: 322px; padding: 8px; float: left; margin-right: 41px; background: #fff; position: relative; overflow: hidden; }
.Web3 .lunbox_lis .bd li .img, .Web3 .lunbox_lis .bd li .img img { display: block; width: 100%; height: 100%; }
.Web3 .lunbox_lis .bd li .img:hover, .Web3 .lunbox_lis .bd li .img img:hover { opacity: 0.95; }
.Web3 .lunbox_lis .bd li .net { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff); zoom: 1; background: rgba(255, 255, 255, 0.8); width: 238px; height: 322px; position: absolute; left: 8px; top: 340px; transition: all 0.2s linear; }
.Web3 .lunbox_lis .bd li .net .name { height: 50px; line-height: 50px; display: block; padding: 0 10px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000000; font-size: 20px; }
.Web3 .lunbox_lis .bd li .net .sao { width: 115px; height: 115px; background: #fff; margin: 15px auto; }
.Web3 .lunbox_lis .bd li .net .sao img { display: block; width: 100%; height: 100%; }
.Web3 .lunbox_lis .bd li .net .btn { height: 43px; width: 190px; margin: 0 auto; margin-top: 10px; display: block; text-align: center; overflow: hidden; line-height: 43px; color: #fff; border-radius: 5px; }
.Web3 .lunbox_lis .bd li .net .btn:hover { opacity: 0.9; }
.Web3 .lunbox_lis .bd li .net .btn1 { background: #f78869; }
.Web3 .lunbox_lis .bd li .net .btn2 { background: #40b947; }
.Web3 .lunbox_lis .bd li:hover .net { top: 8px; }
.Web3 .lunbox_lis .next, .Web3 .lunbox_lis .prev { position: absolute; background: url("../../images/ico_newimg.png") no-repeat center; height: 67px; width: 43px; top: 50%; margin-top: -33px; z-index: 1; display: none; }
.Web3 .lunbox_lis .prev { left: 8px; background-position: 0 -126px; }
.Web3 .lunbox_lis .next { right: 8px; background-position: -60px -126px; }

.Web4 { margin-bottom: 15px; }
.Web4 .Web4_l { padding: 10px; width: 650px; height: 350px; border-radius: 5px; overflow: hidden; position: relative; float: left; }
.Web4 .Web4_l .lunbox { overflow: hidden; width: 100%; }
.Web4 .Web4_l .bd ul li { width: 650px; height: 350px; display: block; position: relative; }
.Web4 .Web4_l .bd ul li .img, .Web4 .Web4_l .bd ul li .img img { width: 100%; height: 100%; display: block; }
.Web4 .Web4_l .bd ul li .text { position: absolute; left: 0px; bottom: 0px; background: url("../../images/ico_line4.png") repeat-x left bottom; height: 44px; width: 100%; padding-top: 130px; }
.Web4 .Web4_l .bd ul li .text span { width: 400px; margin: 0 auto; display: block; height: 30px; line-height: 30px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; }
.Web4 .Web4_l .hd { position: absolute; right: 22px; bottom: 21px; max-width: 200px; height: 11px; line-height: 11px; }
.Web4 .Web4_l .hd li { display: inline-block; vertical-align: middle; height: 9px; width: 9px; border: 1px solid #ffa200; margin: -4px  2px 0; text-indent: 100em; overflow: hidden; transition: all 0.2s linear; }
.Web4 .Web4_l .hd .on { width: 35px; background: #ffa200; }
.Web4 .Web4_l .num { position: absolute; color: #ffa200; height: 30px; left: 20px; bottom: 20px; line-height: 30px; }
.Web4 .Web4_l .num .index_ { font-size: 24px; font-weight: bold; display: inline-block; vertical-align: middle; margin-top: -6px; }
.Web4 .Web4_l .num i { padding: 0 6px 0 8px; position: relative; display: inline-block; vertical-align: middle; font-size: 20px; margin-top: -6px; transform: rotate(13deg); }
.Web4 .Web4_2 { width: 510px; float: right; height: 370px; overflow: hidden; border-radius: 5px; }
.Web4 .Web4_2 .bt { border-bottom: 1px solid #eee; height: 58px; line-height: 58px; padding: 0 15px; }
.Web4 .Web4_2 .bt p { float: left; width: 420px; height: 100%; position: relative; overflow: hidden; }
.Web4 .Web4_2 .bt p a { display: block; float: left; margin-left: 30px; height: 56px; line-height: 56px; border-bottom: 2px solid transparent; color: #434343; cursor: pointer; }
.Web4 .Web4_2 .bt p a:hover { border-bottom-color: #ff7044; color: #ff7044; }
.Web4 .Web4_2 .bt p .on { border-bottom-color: #ff7044; color: #ff7044; }
.Web4 .Web4_2 .bt .more { display: block; float: right; color: #434343; padding: 0 10px; }
.Web4 .Web4_2 .bt .more:hover { color: #ff7044; }
.Web4 .Web4_2 .lis_box .h1 { display: block; height: 67px; line-height: 67px; border-bottom: 1px solid #eee; text-align: center; font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 5px; color:#ffc600; }
.Web4 .Web4_2 .lis_box ul { padding: 0 15px; margin: 10px 0; height: 228px; overflow: hidden; }
.Web4 .Web4_2 .lis_box ul li { padding: 4px 0; height: 30px; line-height: 30px; width: 100%; overflow: hidden; }
.Web4 .Web4_2 .lis_box ul li a { display: block; float: left; max-width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Web4 .Web4_2 .lis_box ul li a:hover:before { background: #ffa200; }
.Web4 .Web4_2 .lis_box ul li a:before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #e5e5e5; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.Web4 .Web4_2 .lis_box ul li span { float: right; width: 60px; text-align: right; display: block; color: #969696; overflow: hidden; }

.Web5 { background: #f6f7fb; }
.Web5 .title { background: #fff; height: 63px; line-height: 63px; border-radius: 5px; }
.Web5 .ul ul { width: 105%; }
.Web5 .ul ul li { float: left; background: url("../../images/li_bj.png") no-repeat center; width: 265px; height: 64px; padding: 18px 11px 14px 14px; margin: 15px 13px 0 0; }
.Web5 .ul ul li .img, .Web5 .ul ul li .img img { float: left; width: 64px; height: 64px; display: block; border-radius: 10px; }
.Web5 .ul ul li .infor { padding-left: 13px; float: left; width: 125px; overflow: hidden; }
.Web5 .ul ul li .infor .name { height: 32px; line-height: 32px; display: block; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.Web5 .ul ul li .infor p { line-height: 30px; height: 30px; width: 100%; overflow: hidden; }
.Web5 .ul ul li .date { text-align: center; float: right; width: 60px; height: 62px; margin: 0px auto; background: #e4e4ee; border-radius: 5px; overflow: hidden; }
.Web5 .ul ul li .date p { height: 38px; line-height: 38px; color: #969696; width: 100%; overflow: hidden; }
.Web5 .ul ul li .date p .day { font-size: 24px; font-weight: bold; color: #303030; letter-spacing: -0.5px; }
.Web5 .ul ul li .date p .mouth { font-size: 12px; height: 11px; line-height: 11px; }
.Web5 .ul ul li .date p .mouth:before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 11px; background: #969696; margin: -3px 5px 0 5px; }
.Web5 .ul ul li .date .time { text-align: center; display: block; width: 100%; height: 24px; line-height: 24px; font-size: 12px; background: #f39800; color: #fff; overflow: hidden; }

.Web6 { background: #fff; margin-bottom: 15px; }
.Web6 .web6box { padding: 24px 20px 23px 20px; }
.Web6 .web6box .img { float: left; display: block; height: 133px; width: 222px; border-radius: 2px; }
.Web6 .web6box .img img { display: block; width: 100%; height: 100%; border-radius: 2px; }
.Web6 .web6box .img:hover { opacity: 0.9; }
.Web6 .web6box ul {   height: 100%; overflow: hidden; }
.Web6 .web6box ul li { background: #fff; float: left; width: 160px; height: 40px; border: 1px solid #eee; display: block; line-height: 40px; text-align: center; margin: 0 0 18px 20px; border-radius: 3px; padding: 0 5px; overflow: hidden; }
.Web6 .web6box ul li:hover { background: #ffa200; color: #ffa200; }
.Web6 .web6box ul li:hover a { color: #fff; }
.Web6 .web6box ul li:hover a:before { background: #fff; }
.Web6 .web6box ul li a { width: 100%; text-align: center; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.Web6 .web6box ul li a:before { width: 7px; height: 7px; border-radius: 50%; content: ''; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; background: #e5e5e5; }

.Web_box2 .web6box ul {   height: 100%; overflow: hidden; }
.Web_box2 .web6box ul li { background: #fff; float: left; width: 160px; height: 40px; border: 1px solid #eee; display: block; line-height: 40px; text-align: center; margin: 0 0 18px 20px; border-radius: 3px; padding: 0 5px; overflow: hidden; }
.Web_box2 .web6box ul li:hover { background: #ffa200; color: #ffa200; }
.Web_box2 .web6box ul li:hover a { color: #fff; }
.Web_box2 .web6box ul li:hover a:before { background: #fff; }
.Web_box2 .web6box ul li a { width: 100%; text-align: center; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.Web_box2 .web6box ul li a:before { width: 7px; height: 7px; border-radius: 50%; content: ''; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; background: #e5e5e5; }
.Web_box2 .web6box p{overflow: hidden; max-height: 230px; margin-top: 10px;padding: 0 20px; line-height: 25px;}

.Web7 { margin-bottom: 15px; }
.Web7 .hdwrap2 { padding: 15px 20px; overflow: hidden; background: #fff; height: 222px; }
.Web7 .hdwrap2 .ban { width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0 auto; }
.Web7 .hdwrap2 .ban2 { position: relative; overflow: hidden; float: right; width: 1090px; height: 222px; }
.Web7 .hdwrap2 .ban2 .text_box { float: left; width: 810px; padding: 0 20px; background: #f6f6f6; height: 222px; }
/*.Web7 .hdwrap2 .ban2 .text_box { float: left; width: 640px; padding: 0 20px; background: #f6f6f6; height: 222px; }*/
.Web7 .hdwrap2 .ban2 .text_box .name { padding-top: 15px; height: 50px; line-height: 50px; color: #000; display: block; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; }
.Web7 .hdwrap2 .ban2 .text_box .text { line-height: 40px; height: 120px; overflow: hidden; width: 100%; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.Web7 .hdwrap2 .ban2 .text_box .bq { height: 20px; line-height: 20px; overflow: hidden; width: 100%; }
.Web7 .hdwrap2 .ban2 .lis { width: auto; height: 40px; position: absolute; right: 10px; bottom: 0; z-index: 2; }
.Web7 .hdwrap2 .ban2 .lis span { display: block; float: left; opacity: 0.6; margin: 10px 3px; width: 19px; height: 19px; font-size: 14px; background: #696969; color: #fff; text-align: center; line-height: 19px; cursor: pointer; }
.Web7 .hdwrap2 .ban2 .lis span.on { opacity: 1; background: #ec4828; }
.Web7 .hdwrap2 .ban2 ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Web7 .hdwrap2 .ban2 ul li .img_ { float: right; width: 222px; height: 222px; display: block; }
/*.Web7 .hdwrap2 .ban2 ul li .img_ { float: right; width: 390px; height: 222px; display: block; }*/
.Web7 .hdwrap2 .ban2 ul li .img_ img { display: block; width: 100%; height: 100%; }
.Web7 .hdwrap2 .ban2 ul li { position: relative; width: 1090px; height: 222px; }
.Web7 .hdwrap2 .ban2 ul li .bt { width: 100%; height: 40px; line-height: 40px; padding: 0 10px; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; bottom: 0; }
.Web7 .hdwrap2 .ban2 ul li .bt a { display: block; float: left; width: 410px; height: 40px; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Web7 .hdwrap2 .num { overflow: hidden; width: 100%; position: relative; height: 222px; }
.Web7 .hdwrap2 .min_pic { width: 50px; height: 222px; float: left; }
.Web7 .hdwrap2 .num ul { position: absolute; left: 0; top: 0; height: 100%; }
.Web7 .hdwrap2 .num ul li { width: 50px; height: 50px; margin-bottom: 7px; position: relative; }
.Web7 .hdwrap2 .num ul li img { width: 50px; height: 50px; }
.Web7 .hdwrap2 .num ul li a { display: block; position: relative; width: 100%; height: 100%; }
.Web7 .hdwrap2 .num ul li a:after { content: ''; display: none; position: absolute; top: 0px; left: 0px; width: 44px; height: 44px; border: 3px solid #ffa200; }
.Web7 .hdwrap2 .num ul li.on a:after { display: block; }

.Web8 .ul { width: 100%; overflow: hidden; }
.Web8 .ul ul { width: 105%; padding-top: 15px; }
.Web8 .ul ul li { height: 220px; display: block; float: left; margin: 0px 16px 15px 0; width: 288px; }
.Web8 .ul ul li:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.Web8 .ul ul li .img { display: block; width: 100%; height: 172px; position: relative;}
.Web8 .ul ul li .img img { display: block; width: 100%; height: 100%; }
.Web8 .ul ul li .text { display: block; height: 48px; line-height: 48px; background: #fff; padding: 0 5px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; }

.Web9 { margin-bottom: 20px; }
.Web9 .pic-c { padding: 20px 0; background: #fff; }
.Web9 .snapShotWrap { width: 1010px; position: relative; margin: 0 auto; overflow: hidden; }
.Web9 .snapShotWrap .snapShotCont { width: 1010px; position: relative; overflow: hidden; z-index: 1; }
.Web9 .snapShotWrap .snapShotCont .snopshot { position: absolute; overflow: hidden; zoom: 1; text-align: center; }
.Web9 .snapShotWrap .snapShotCont .snopshot img { width: 100%; height: 100%; display: block; position: relative; }
.Web9 .snapShotWrap .snapShotCont .snopshot .elementOverlays { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.Web9 .snapShotWrap .snapShotCont .snopshot .elementOverlay { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); }
.Web9 .snapShotWrap .snap-shot-btn { position: absolute; height: 100%; width: 60px; top: 0px; display: block; cursor: pointer; z-index: 10; }
.Web9 .snapShotWrap .snap-shot-btn i { display: block; background: url("../../images/ico_newimg.png") no-repeat center; position: absolute; left: 50%; margin-left: -25px; top: 50% !important; margin-top: -25px; height: 47px; width: 47px; }
.Web9 .snapShotWrap .prev { left: 0px; }
.Web9 .snapShotWrap .prev i { background-position: -343px -501px; }
.Web9 .snapShotWrap .next { right: 0px; }
.Web9 .snapShotWrap .next i { background-position: -342px -560px; }

.left_box1 { border: 1px solid #eff2fc; margin-bottom: 15px; }
.left_box1 .a_link { background: url("../../images/link_libao.png") no-repeat center; width: 340px; height: 129px; display: block; margin: 0 auto; margin-left: -1px; margin-top: -1px; }
.left_box1 .ul1 li { padding: 22px 13px 23px 19px; height: 66px; font-size: 14px; border-bottom: 1px solid #eff2fc; }
.left_box1 .ul1 li .img { height: 66px; width: 66px; border-radius: 6px; display: block; float: left; }
.left_box1 .ul1 li .img img { width: 100%; height: 100%; display: block; }
.left_box1 .ul1 li .infor { padding: 0 10px 0 15px; width: 160px; overflow: hidden; float: left; }
.left_box1 .ul1 li .infor .name { display: block; width: 100%; overflow: hidden; height: 27px; line-height: 27px; white-space: nowrap; text-overflow: ellipsis; color: #434343; font-size: 18px;}
.left_box1 .ul1 li .infor .name:hover { color: #ffa200; }
.left_box1 .ul1 li .infor .bq { height: 27px; line-height: 27px; width: 100%; overflow: hidden; color: #ff7474; }
.left_box1 .ul1 li .infor .bq i { border-left: 1px solid #959595; overflow: hidden; height: 13px; display: inline-block; vertical-align: middle; margin: 0 10px; margin-top: -2px; }
.left_box1 .ul1 li .btn { margin-top: 19px; border: 1px solid #eee; line-height: 30px; height: 30px; text-align: center; overflow: hidden; width: 49px; border-radius: 3px; color: #969696; float: right; }
.left_box1 .ul1 li .btn:hover { border-color: #ffa200; background: #ffa200; color: #fff; }
.left_box1 .ul2 .li { display: block; float: left; height: 100%; text-align: center;overflow: hidden; }
.left_box1 .ul2 .sp1 { width: 127px;padding: 0 2px; text-align:center;}
.left_box1 .ul2 .sp2 { width: 35px; }
.left_box1 .ul2 .sp3 { width: 95px; }
/*.left_box1 .ul2 .sp1 { width: 112px;padding: 0 2px; }*/
/*.left_box1 .ul2 .sp2 { width: 45px; }*/
/*.left_box1 .ul2 .sp3 { width: 100px; }*/
.left_box1 .ul2 .sp4 { width: 77px; }
.left_box1 .ul2 .li_top { border-top: 1px solid #eff2fc; height: 46px; line-height: 46px; }
.left_box1 .ul2 ul li { border-top: 1px solid #eff2fc; height: 74px; line-height: 74px; }
.left_box1 .ul2 ul li:hover { background: #f7f7f9; }
.left_box1 .ul2 ul li .sp1 a { color: #434343; cursor: pointer; }
.left_box1 .ul2 ul li .sp1 .dowm{text-align:center;padding:0 10px;line-height:30px;height:30px;background:#ffa200;color:#fff;border-radius:5px;display:none;width: 60px;margin: 0 auto;margin-top: 22px;}
.left_box1 .ul2 ul li .sp1 .dowm:hover{opacity:0.9}
.left_box1 .ul2 ul li:hover .sp1 a {display:none;}
.left_box1 .ul2 ul li:hover .sp1 .dowm {display:block;}
.left_box1 .ul2 ul li .color1 { color: #ffa200; }
.left_box1 .ul2 ul li .color2 { color: #00a0e9; }
.left_box1 .ul2 ul li .color3 { color: #b28850; }
.left_box1 .ul2 ul li .sp3 a { color: #969696; }
.left_box1 .ul2 .date { width: 60px; height: 62px; margin: 6px auto; background: #f6f7fb; border-radius: 5px; overflow: hidden; }
.left_box1 .ul2 .date p { height: 38px; line-height: 38px; color: #969696; width: 100%; overflow: hidden; }
.left_box1 .ul2 .date p .day {font-size: 24px;font-weight: bold;padding-right: 2px;}
.left_box1 .ul2 .date p .mouth {font-size: 12px;height: 11px;line-height: 11px;padding-left: 2px;}
.left_box1 .ul2 .date p .mouth:before { content: ''; display: none; vertical-align: middle; width: 1px; height: 11px; background: #969696; margin: -3px 5px 0 5px; }
.left_box1 .ul2 .date .time { display: block; width: 100%; height: 24px; line-height: 24px; font-size: 12px; background: #f39800; color: #fff; overflow: hidden; }

.left_box2 { border: 1px solid #eff2fc; margin-bottom: 15px; }
.left_box2 .ul ul { border-top: 1px solid #eff2fc; }
.left_box2 .ul ul li { height: 32px; padding: 15px 17px; border-bottom: 1px solid #eff2fc; overflow: hidden; transition: all 0.2s linear; }
.left_box2 .ul ul li .num { float: left; width: 20px; height: 20px; margin-top: 5px; text-align: center; line-height: 20px; transition: all 0.2s linear; color: #fff; font-size: 12px; border-radius: 3px; background: #ffa200; }
.left_box2 .ul ul li .infor { float: left; width: 175px; padding-left: 15px; overflow: hidden; }
.left_box2 .ul ul li .infor .name { height: 32px; line-height: 32px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; color: #434343; overflow: hidden; }
.left_box2 .ul ul li .infor .img { display: none; width: 62px; height: 62px; transition: all 0.2s linear; }
/*.left_box2 .ul ul li .infor .img { display: none; width: 92px; height: 62px; transition: all 0.2s linear; }*/
.left_box2 .ul ul li .infor .img img { display: block; width: 100%; height: 100%; border-radius: 15px; }
/*.left_box2 .ul ul li .infor .img img { display: block; width: 100%; height: 100%; border-radius: 2px; }*/
.left_box2 .ul ul li .btn_r { float: right; width: 87px; }
.left_box2 .ul ul li .btn_r span { display: none; }
.left_box2 .ul ul li .btn_r .btn { width: 85px; height: 30px; border: 1px solid #eee; color: #969696; display: block; cursor: pointer; text-align: center; line-height: 30px; border-radius: 2px; }
.left_box2 .ul ul .on { height: 97px; padding: 17px; }
.left_box2 .ul ul .on .num { height: 97px; line-height: 97px; }
.left_box2 .ul ul .on .infor .name { color: #ff7044; }
.left_box2 .ul ul .on .infor .img { display: block; margin-top: 5px; }
.left_box2 .ul ul .on .btn_r span { display: block; width: 100%; text-align: center; height: 39px; line-height: 39px; padding-top: 7px; overflow: hidden; }
.left_box2 .ul ul .on .btn_r .btn { background: #ff7044; border-color: #ff7044; color: #fff; }
.left_box2 .ul ul .on .btn_r .btn:hover { opacity: 0.9; }
.left_box2 .ul ul li + li .num { background: #ff7044; }
.left_box2 .ul ul li + li + li .num { background: #69e17f; }
.left_box2 .ul ul li + li + li + li .num { background: #7d7d7d; }

.down_lef .sao { padding: 19px 12px 16px 13px; width: 190px; height: 190px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfeaa19,endColorstr=#ccfeaa19); zoom: 1; background: rgba(254, 170, 25, 0.9); }
.down_lef .sao img { display: block; width: 100%; height: 100%; }
.down_lef .text { background: #ffa200; padding-bottom: 13px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.down_lef .text p { text-align: center; height: 55px; line-height: 55px; color: #fff; }
.down_lef .btn { width: 193px; height: 45px; background: url("../../images/ico_newimg.png") no-repeat center; display: block; margin: 0 auto; line-height: 45px; margin-bottom: 10px; text-align: center; color: #fff; letter-spacing: 1px; }
.down_lef .btn:hover { opacity: 0.9; }
.down_lef .btn i { background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.down_lef .btn1 { background-position: 0 -455px; }
.down_lef .btn1 i { height: 27px; width: 23px; background-position: -247px 0; }
.down_lef .btn1:hover { background-position: 0 -514px; }
.down_lef .btn2 { background-position: 0 -392px; }
.down_lef .btn2 i { height: 26px; width: 22px; background-position: -209px 0; }
.down_lef .btn2:hover { background-position: 0 -567px; }
.down_lef .Signbox { padding: 15px 10px; display: block; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); zoom: 1; background: rgba(255, 255, 255, 0.9); }
.down_lef .Signbox .logo { width: 151px; height: 36px; display: block; margin: 0 auto; background: url("../../images/logo2.png") no-repeat center; }
.down_lef .Signbox .Welcome_name { width: 100%; padding: 10px 0; }
.down_lef .Signbox .Welcome_name p { line-height: 30px; height: 30px; text-align: center; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.down_lef .Signbox .Welcome_name p a { cursor: pointer; }
.down_lef .Signbox .Welcome_name p i { width: 2px; height: 15px; display: inline-block; vertical-align: middle; background: #7e7e7e; margin: 0 10px; margin-top: -4px; }
.down_lef .qufu { background: #fff; padding: 15px 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.down_lef .qufu .sou { color: #525252; padding: 0 15px; height: 27px; line-height: 27px; }
.down_lef .qufu .sou input { float: right; background: #e5e5e5; height: 17px; padding: 5px 10px; width: 40px; font-size: 12px; line-height: 17px; border: none; }
.down_lef .qufu ul li { padding: 0 15px; line-height: 37px; height: 37px; }
.down_lef .qufu ul li .text_ { max-width: 150px; float: left; display: block; overflow: hidden; height: 37px; }
.down_lef .qufu ul li .text_:before { content: ''; background: url("../../images/ico_newimg.png") no-repeat center; height: 10px; width: 6px; background-position: -180px -2px; display: inline-block; vertical-align: middle; margin: -1px 6px 0 0; }
.down_lef .qufu ul li .down_ { float: right; }
.down_lef .qufu .more { width: 185px; margin: 5px auto; height: 35px; line-height: 35px; background: #e5e5e5; border-radius: 5px; display: block; text-align: center; font-size: 16px; }
/*.down_lef .qufu .more { width: 185px; margin: 5px auto; height: 35px; line-height: 35px; background: #e5e5e5; border-radius: 5px; display: block; text-align: center; font-size: 12px; }*/
.down_lef .qufu ul li .tab_box .tab i { display: inline-block; vertical-align: middle; background: url("../../images/ico_newimg.png") no-repeat center; margin: -4px 8px 0 0; }

.down_lef .qufu ul li .ico{background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 5px 0 10px;}
.down_lef .qufu ul li .ico1 { height: 11px; width: 11px;background-position: -449px 0;  }
.down_lef .qufu ul li .ico2 { height: 11px; width: 11px;  background-position: -426px 0; }
/*左侧*/

.ritbox1 { padding-bottom: 15px; }
.ritbox1 .ul1 { padding: 0 15px; width: 100%; overflow: hidden; }
.ritbox1 .ul1 ul { width: 105%; margin-top: -15px; }
.ritbox1 .ul1 ul li { float: left; width: 165px; padding: 0 12px; height: 177px; border: 1px solid #f0f2f7; background: #f7f8fb; border-radius: 7px; margin: 15px 17px 0px 0; }
.ritbox1 .ul1 ul li .name { height: 43px; display: block; line-height: 43px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #434343; }
.ritbox1 .ul1 ul li .name:hover { color: #ffa200; }
.ritbox1 .ul1 ul li .infor { height: 80px; width: 100%; overflow: hidden; }
.ritbox1 .ul1 ul li .infor .img, .ritbox1 .ul1 ul li .infor .img img { width: 80px; height: 80px; float: left; border-radius: 10px; display: block; }
.ritbox1 .ul1 ul li .infor .bq { float: left; padding-left: 13px; height: 66px; line-height: 33px; overflow: hidden; padding-top: 7px; width: 70px; }
.ritbox1 .ul1 ul li .infor .bq span { display: block; height: 33px; overflow: hidden; width: 100%; color: #959595; font-size: 12px; }
.ritbox1 .ul1 ul li .infor .bq a{width: 80px;height: 27px;line-height: 27px;text-align: center;background: #eee;border-radius: 20px;color: #434343;display: block;float: right;}
.ritbox1 .ul1 ul li .infor .bq a:hover{background: #ffa200; color: #fff; }
.ritbox1 .ul1 ul li .tab { height: 26px; padding-top: 15px; width: 170px; }
.ritbox1 .ul1 ul li .tab .a { float: left; border: 1px solid #eee; background: #ffffff; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #787878; margin-right: 4px; border-radius: 3px; width: 78px; }
.ritbox1 .ul1 ul li .tab .a{color: #ffa200; border-color: #ffa200; }
.ritbox1 .ul1 ul li .tab .a1{color: #1aad19; border-color: #1aad19; }
.ritbox1 .ul1 ul li .tab .a2{color: #ff7044; border-color: #ff7044; }
.ritbox1 .ul1 ul li .tab .a:hover { background: #ffa200; border-color: #ffa200; color: #fff; }
.ritbox1 .ul1 ul li .tab .a1:hover { background: #1aad19; border-color: #1aad19; color: #fff; }
.ritbox1 .ul1 ul li .tab .a2:hover { background: #ff7044; border-color: #ff7044; color: #fff; }
.ritbox1 .ul2 { padding: 0 15px; width: 100%; overflow: hidden; }
.ritbox1 .ul2 ul { width: 105%; margin-top: -25px; }
.ritbox1 .ul2 ul li { display: block; float: left; width: 254px; height: 250px; border: 1px solid #f6f7fb; border-radius: 2px; margin: 25px 24px 0 0; }
.ritbox1 .ul2 ul li .img, .ritbox1 .ul2 ul li .img img { display: block; width: 256px; border-radius: 3px; height: 153px; }
.ritbox1 .ul2 ul li .infor { height: 53px; background: #fafbfd; border-bottom: 1px solid #f6f7fb; padding: 0 13px; }
.ritbox1 .ul2 ul li .infor .name { float: left; display: block; line-height: 53px; overflow: hidden; width: 140px; white-space: nowrap; text-overflow: ellipsis; color: #434343; font-weight: bold; }
.ritbox1 .ul2 ul li .infor .name:hover { color: #ffa200; }
.ritbox1 .ul2 ul li .infor .btn { margin-top: 13px; width: 87px; height: 27px; line-height: 27px; text-align: center; background: #eee; border-radius: 20px; color: #434343; display: block; float: right; }
.ritbox1 .ul2 ul li .infor .btn:hover { background: #ffa200; color: #fff; }
.ritbox1 .ul2 ul li .tab_box { height: 43px; line-height: 43px; text-align: center; }
.ritbox1 .ul2 ul li .tab_box .tab { background: #fff; width: 126px; float: left; border-right: 1px solid #f6f7fb; color: #1aad19;  }
.ritbox1 .ul2 ul li .tab_box .tab:hover { color: #fff; background: #1aad19; border-color: #1aad19; }
.ritbox1 .ul2 ul li .tab_box .tab:hover .ico1 {  background-position: -59px 0;}
.ritbox1 .ul2 ul li .tab_box .tab:hover .ico2 { background-position: 0 0;}
.ritbox1 .ul2 ul li .tab_box .tab i { display: inline-block; vertical-align: middle; background: url("../../images/ico_newimg.png") no-repeat center; margin: -4px 8px 0 0; }
.ritbox1 .ul2 ul li .tab_box .tab .ico1 { height: 16px; width: 18px;background-position: -120px 0;  }
.ritbox1 .ul2 ul li .tab_box .tab .ico2 { height: 16px; width: 16px;  background-position: -96px 0; }
.ritbox1 .ul2 ul li .tab_box .tab + .tab { border: none; color: #ff7044;  }
.ritbox1 .ul2 ul li .tab_box .tab + .tab:hover{ background: #ff7044; color: #fff }

.ritbox2 .title_2 { height: 97px; line-height: 97px; border-bottom: 1px solid #f6f7fb; overflow: hidden; }
.ritbox2 .title_2 ul { height: 100%; }
.ritbox2 .title_2 ul li { width: 118px; float: left; line-height: 20px; text-align: center; }
.ritbox2 .title_2 ul li a { color: #969696; }
.ritbox2 .title_2 ul li span { display: block; width: 50px; height: 50px; position: relative; margin: 0 auto; margin-top: 10px; margin-bottom: 5px; }
.ritbox2 .title_2 ul li span i { background: url("../../images/ico_newimg.png") no-repeat center; display: block; position: absolute; left: 0; top: 0px; bottom: 0px; right: 0px; margin: auto; background-position-y: -330px; }
.ritbox2 .title_2 ul li span .ico1 { height: 32px; width: 32px; background-position-x: 0px; }
.ritbox2 .title_2 ul li span .ico2 { height: 31px; width: 38px; background-position-x: -45px; }
.ritbox2 .title_2 ul li span .ico3 { height: 35px; width: 25px; background-position-x: -99px; }
.ritbox2 .title_2 ul li span .ico4 { height: 38px; width: 34px; background-position-x: -137px; }
.ritbox2 .title_2 ul li span .ico5 { height: 38px; width: 38px; background-position-x: -187px; }
.ritbox2 .title_2 ul li span .ico6 { height: 33px; width: 33px; background-position-x: -235px; }
.ritbox2 .title_2 ul li span .ico7 { height: 34px; width: 29px; background-position-x: -280px; }
.ritbox2 .title_2 ul li:hover { cursor: pointer; }
.ritbox2 .title_2 ul li:hover span i { background-position-y: -273px; }
.ritbox2 .title_2 ul li:hover a { color: #ffa200; }
.ritbox2 .title_2 ul .on span i { background-position-y: -273px; }
.ritbox2 .title_2 ul .on a { color: #ffa200; }
.ritbox2 .ul { padding: 0 15px; }
.ritbox2 .ul ul { width: 105%; }
.ritbox2 .ul ul li { float: left; width: 256px; height: 135px; position: relative; overflow: hidden; margin: 15px 24px 7px 0; }
.ritbox2 .ul ul li .img, .ritbox2 .ul ul li .img img { width: 100%; height: 100%; display: block; }
.ritbox2 .ul ul li .infor { position: absolute; background: url("../../images/ico_line2.png") no-repeat center; right: -256px; top: 0px; width: 140px; height: 135px; padding-left: 55px; color: #fff;transition: all 0.2s linear; }
.ritbox2 .ul ul li .infor .name { padding: 0 5px; padding-top: 12px; height: 30px; line-height: 30px; text-align: center; display: block; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ritbox2 .ul ul li .infor .name:hover { color: #ffa200; }
.ritbox2 .ul ul li .infor .bq { text-align: center; height: 30px; line-height: 30px; overflow: hidden; padding: 0 5px; }
.ritbox2 .ul ul li .infor .btn { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2ffffff,endColorstr=#f2ffffff); zoom: 1; background: rgba(255, 255, 255, 0.3); height: 25px; line-height: 25px; border: 1px solid #fff; border-radius: 20px; overflow: hidden; text-align: center; width: 85px; float: right; color: #fff; font-size: 12px; margin: 19px 25px 0 0; }
.ritbox2 .ul ul li .infor .btn:hover { opacity: 0.8; }
.ritbox2 .ul ul li:hover .infor{right:0px;}

.ritbox3 { background: #f6f7fb; }
.ritbox3 .title_bt { background: #fff; height: 60px; line-height: 60px; border-radius: 5px; border: 1px solid #eff2fc; padding: 0 15px; }
.ritbox3 .title_bt ul { width: 100%; }
.ritbox3 .title_bt ul li { float: left; margin-left: 28px; padding: 0 5px; cursor: pointer; }
.ritbox3 .title_bt ul li a { margin: 0 auto; color: #969696; display: block; line-height: 58px; height: 59px; border-bottom: 2px solid transparent; }
.ritbox3 .title_bt ul li:hover a { color: #000; border-color: #000; font-weight: bold; font-size: 16px; }
.ritbox3 .title_bt ul .on a { color: #000; border-color: #000; font-weight: bold; font-size: 16px; }
.ritbox3 .ul { margin-bottom: 20px; }
.ritbox3 .ul ul { width: 105%; }
.ritbox3 .ul ul li { float: left; width: 262px; margin: 18px 30px 0 0; }
.ritbox3 .ul ul li .imgbox { width: 100%; height: 157px; position: relative; overflow: hidden; }
.ritbox3 .ul ul li .imgbox .img_ { display: block; width: 100%; height: 100%; }
.ritbox3 .ul ul li .imgbox .motai { transition: all 0.2s linear; position: absolute; left: 0px; top: 160px; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fdb3c27,endColorstr=#7fdb3c27); zoom: 1; background: rgba(219, 60, 39, 0.9); color: #fff; text-align: center; }
.ritbox3 .ul ul li .imgbox .motai .sao { margin: 0 auto; margin-top: 18px; margin-bottom: 5px; width: 82px; height: 82px; background: #fff; }
.ritbox3 .ul ul li .imgbox .motai .sao img { display: block; width: 100%; height: 100%; }
.ritbox3 .ul ul li .imgbox .motai p { line-height: 20px; height: 20px; width: 100%; overflow: hidden; font-size: 12px; }
.ritbox3 .ul ul li .imgbox .motai p + p { font-size: 14px; }
.ritbox3 .ul ul li .text { height: 52px; line-height: 52px; background: #fff; overflow: hidden; padding: 0 15px; }
.ritbox3 .ul ul li .text .name { display: block; width: 100%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ritbox3 .ul ul li:hover .imgbox .motai { top: 0px; }
.ritbox3 .ul ul li:hover .text .name { width: 140px; text-align: left; float: left; }
.ritbox3 .ul ul li:hover .btn_box { float: right; width: 88px; }
.ritbox3 .ul ul li:hover .btn_box a { display: block; float: left; width: 40px; text-align: center; margin-left: 3px; height: 22px; line-height: 22px; margin-top: 15px; color: #969696; font-size: 12px; border-radius: 10px; }
.ritbox3 .ul ul li:hover .btn_box .btn1:hover { background: #ff7044; color: #fff; }
.ritbox3 .ul ul li:hover .btn_box .btn2:hover { background: #ffa200; color: #fff; }

.ritbox4 { background: #fff; margin-bottom: 40px; }
.ritbox4 .ul_ li { margin: 0 30px; height: 59px; line-height: 59px; border-bottom: 1px solid #eee; position: relative; }
.ritbox4 .ul_ li a { max-width: 75%; float: left; height: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; margin-left: -30px; padding-left: 30px; }
.ritbox4 .ul_ li a:before { content: ''; display: none; width: 4px; height: 100%; background: #ffa200; position: absolute; left: 0px; top: 0px; }
.ritbox4 .ul_ li a:hover:before { display: block; }
.ritbox4 .ul_ li .time { float: right; width: 100px; text-align: right; display: block; color: #969696; height: 100%; overflow: hidden; }
.ritbox4 .ul_2 { width: 100%; overflow: hidden; }
.ritbox4 .ul_2 .bt { padding: 0 20px; height: 94px; border-bottom: 1px solid #eee; line-height: 94px; font-size: 24px; color: #434343; }
.ritbox4 .ul_2 ul { width: 100%; }
/*.ritbox4 .ul_2 ul { width: 100%; padding-top: 20px; }*/
.ritbox4 .ul_2 ul li { float: left; width: 288px; margin: 10px 5px 20px 23px; }
.ritbox4 .ul_2 ul li .img { display: block; width: 100%; height: 172px; overflow: hidden; position: relative; }
.ritbox4 .ul_2 ul li .img img { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.2s linear; }
.ritbox4 .ul_2 ul li .img img:hover { transform: scale(1.1); }
.ritbox4 .ul_2 ul li .p { display: block; height: 48px; line-height: 48px; background: #efeff4; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }

.ritbox5 { position: relative; margin-bottom: 40px; width: 100%; height: 1230px; }
.ritbox5:before { content: ''; position: absolute; left: 0px; bottom: 0px; background: #0f1219; height: 1070px; width: 100%; margin-left: 1px; z-index: 0; }
.ritbox5:after { content: ''; width: 969px; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0; background: url("../../images/ritbox5.png") no-repeat center; }
.ritbox5 .title_top { margin: 1px 0 0 1px; height: 160px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc11141b,endColorstr=#cc11141b); zoom: 1; background: rgba(17, 20, 27, 0.9); }
.ritbox5 .title_top .box-text { width: 100%; height: 100%; position: relative; z-index: 1; }
.ritbox5 .title_top .box-text .h1 { height: 115px; line-height: 115px; font-size: 40px; }
.ritbox5 .warp_ { position: relative; z-index: 1; padding: 13px 15px; }
.ritbox5 .warp_ .bt_h3 { height: 40px; line-height: 40px; padding: 22px 20px; color: #dadae4; }
.ritbox5 .warp_ .bt_h3 .bt { float: left; font-size: 16px; }
.ritbox5 .warp_ .bt_h3 .bt:before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 24px; background: #2a2e39; margin: -2px 10px 0 0; }
.ritbox5 .warp_ .bt_h3 .bt span { padding: 0 20px; }
.ritbox5 .warp_ .bt_h3 .bt input { background: #2a2e39; height: 40px; width: 80px; padding: 0 10px; border-radius: 5px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 10px; border: none; color: #fff; }
.ritbox5 .warp_ .bt_h3 .btn { width: 120px; height: 40px; float: right; text-align: center; line-height: 40px; color: #fff; background: #e76740; border-radius: 5px; overflow: hidden; }
.ritbox5 .warp_ .bt_h3 .btn:hover { opacity: 0.8; }
.ritbox5 .warp_ .ul { padding-left: 15px; width: 100%; }
.ritbox5 .warp_ .ul li { width: 130px; height: 40px; line-height: 40px; margin: 0 13px 20px 0; text-align: center; overflow: hidden; padding: 0 5px; color: #dadae4; background: #2a2e39; float: left; cursor: pointer; }
.ritbox5 .warp_ .ul li:hover { background: #ffa200; color: #fff; }
.ritbox5 .warp_ .ul li.on { background: #ffa200; }
.ritbox5 .warp_ .ul li:hover a { color: #fff; }
.ritbox5 .warp_ .ul li a { display: block; width: 100%; height: 100%; color: #dadae4; }
.ritbox5 .warp_ .box1 { background: #1e222b; border-bottom: 1px solid #2a2e39; padding-bottom: 25px; }
.ritbox5 .warp_ .box1 .link_ { padding: 30px 0 40px; border-bottom: 1px solid #2a2e39; height: 55px; line-height: 50px; }
.ritbox5 .warp_ .box1 .link_ li { float: left; width: 158px; height: 56px; text-align: center; background: url("../../images/ico_newimg.png") no-repeat center; background-position: -158px -142px; margin: 0 6px 0 20px; cursor: pointer; }
.ritbox5 .warp_ .box1 .link_ li:hover { opacity: 0.9; }
.ritbox5 .warp_ .box1 .link_ li a { display: block; position: relative; width: 100%; height: 100%; }
.ritbox5 .warp_ .box1 .link_ li a i { background: url("../../images/ico_newimg.png") no-repeat center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; display: block; height: 20px; }
.ritbox5 .warp_ .box1 .link_ li a .ico1 { width: 73px; background-position: -223px -501px; }
.ritbox5 .warp_ .box1 .link_ li a .ico2 { width: 74px; background-position: -222px -533px; }
.ritbox5 .warp_ .box1 .link_ li a .ico3 { width: 73px; background-position: -224px -437px; }
.ritbox5 .warp_ .box1 .link_ li a .ico4 { width: 73px; background-position: -224px -400px; }
.ritbox5 .warp_ .box1 .link_ li a .ico5 { width: 73px; background-position: -224px -471px; }
.ritbox5 .warp_ .box1 .ul { height: 63px; overflow: hidden; }
.ritbox5 .warp_ .box2 { background: #1e222b; border-top: 1px solid #2a2e39; padding: 25px 0 0; }
.ritbox5 .warp_ .box2 .box_scroll { height: 772px; width: 100%; overflow-y: auto; overflow-x: hidden; }
.ritbox5 .warp_ .box2 .box_scroll::-webkit-scrollbar { width: 8px; height: 8px; background: #dcdcdc; border-radius: 10px; }
.ritbox5 .warp_ .box2 .box_scroll::-webkit-scrollbar-button { width: 0; height: 0; }
.ritbox5 .warp_ .box2 .box_scroll::-webkit-scrollbar-corner { display: block; }
.ritbox5 .warp_ .box2 .box_scroll::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #ffa200; border-radius: 10px; }

.ritbox6 { background: #fff; padding: 0 20px 20px; margin-bottom: 20px; }
.ritbox6 .bt_title { padding: 10px 0; height: 30px; line-height: 30px; }
.ritbox6 .bt_title .bt { float: left; font-size: 16px; font-weight: bold; }
.ritbox6 .liswrap { width: 100%; border: 1px solid #eee; overflow: hidden; margin: 0px auto 20px; }
.ritbox6 .liswrap ul { display: block; float: left; width: 462px; border-right: 1px solid #eee; }
.ritbox6 .liswrap ul li { width: 98%; height: 34px; line-height: 34px; text-indent: 14px; padding-right: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ritbox6 .liswrap ul li.on a { color: #ffa200; }
.ritbox6 .liswrap ul li:nth-child(odd) { background: #f6f6f6; }
.ritbox6 .liswrap > ul + ul { width: 462px; border-right: none; }

.Relatedcontent { background: #2a3035; height: 400px; width: 925px; margin: 0 auto; position: relative; }
.Relatedcontent .ReoxL { width: 100%; height: 100%; }
.Relatedcontent .reobox1 { padding: 26px; height: 150px; width: 585px; }
.Relatedcontent .reobox1 .bt_ { float: left; padding: 16px 15px; width: 33px; line-height: 35px; text-align: center; background: #24292e; font-size: 16px; overflow: hidden; color: #fff; }
.Relatedcontent .reobox1 ul { float: left; width: 480px; padding-left: 25px; overflow: hidden; margin-top: -7px; }
.Relatedcontent .reobox1 ul li { height: 30px; line-height: 30px; color: #fff; }
.Relatedcontent .reobox1 ul li a { font-size: 13px; display: block; color: #fff; max-width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.Relatedcontent .reobox1 ul li a:before { content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; margin: -2px 10px 0 0; background: #fff; border-radius: 50%; }
.Relatedcontent .reobox1 ul li a:hover { color: #ffa200; }
.Relatedcontent .reobox1 ul li a:hover:before { background: #ffa200; }
.Relatedcontent .reobox1 ul li .time { float: right; width: 50px; text-align: right; color: #969696; overflow: hidden; display: block; }
.Relatedcontent .reobox2 { box-shadow: -8px -5px 10px rgba(0, 0, 0, 0.3); padding: 35px 22px; height: 130px; }
.Relatedcontent .reobox2 .img { width: 215px; float: left; height: 130px; display: block; }
.Relatedcontent .reobox2 .img img { border-radius: 5px; width: 100%; height: 100%; display: block; }
.Relatedcontent .reobox2 .infor { float: left; width: 350px; padding-left: 20px; }
.Relatedcontent .reobox2 .infor .name { display: block; color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; height: 30px; line-height: 30px; margin-bottom: 10px; }
.Relatedcontent .reobox2 .infor .name i { font-size: 16px; }
.Relatedcontent .reobox2 .infor .p { line-height: 25px; height: 25px; width: 100%; overflow: hidden; font-size: 12px; color: #969696; }
.Relatedcontent .reobox2 .infor .bq { height: 24px; padding-top: 14px; width: 100%; overflow: hidden; }
.Relatedcontent .reobox2 .infor .bq a { float: left; display: block; padding: 0 7px; border: 1px solid #1aad19; border-radius: 2px; color: #1aad19; margin-right: 11px; height: 22px; line-height: 22px; }
.Relatedcontent .reobox2 .infor .bq a:hover { background: #1aad19; color: #fff; }
.Relatedcontent .reobox2 .infor .bq .on { background: #1aad19; color: #fff; }
.Relatedcontent .reobox2 .infor .bq .a { border-color: #ff7044; color: #ff7044; }
.Relatedcontent .reobox2 .infor .bq .a:hover { background: #ff7044; color: #fff; }
.Relatedcontent .reobox2 .infor .bq .a.on { background: #ff7044; color: #fff; }
.Relatedcontent .ReoxR { position: absolute; height: 100%; right: 0px; top: 0px; width: 293px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f20262b,endColorstr=#7f20262b); zoom: 1; background: rgba(32, 38, 43, 0.8); }
.Relatedcontent .reobox3 { padding: 28px 0 35px 5px; height: 140px; }
.Relatedcontent .reobox3 .saobox { width: 98px; float: left; margin: 0 0 0 30px; }
.Relatedcontent .reobox3 .saobox .sao { width: 98px; height: 98px; margin: 0 auto; position: relative; background: #fff; }
.Relatedcontent .reobox3 .saobox .sao img { width: 100%; height: 100%; display: block; }
.Relatedcontent .reobox3 .saobox .sao:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ''; left: 50%; margin-left: -3px; bottom: -5px; }
.Relatedcontent .reobox3 .saobox .btn { width: 100%; height: 26px; display: block; text-align: center; color: #fff; border-radius: 2px; margin-top: 15px; font-size: 12px; line-height: 26px; }
.Relatedcontent .reobox3 .saobox .btn1 { background: -webkit-linear-gradient(left, #9bda8a 0%, #7fc15f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bda8a', endColorstr='#7fc15f',GradientType=1 ); background: linear-gradient(to right, #9bda8a 0%, #7fc15f 100%); }
.Relatedcontent .reobox3 .saobox .btn2 { background: -webkit-linear-gradient(left, #81d4ee 0%, #55bddf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81d4ee', endColorstr='#55bddf',GradientType=1 ); background: linear-gradient(to right, #81d4ee 0%, #55bddf 100%); }
.Relatedcontent .reobox4 { padding: 0 18px; }
.Relatedcontent .reobox4 .scorewrap { height: 80px; line-height: 80px; text-align: center; }
.Relatedcontent .reobox4 .scorewrap .score { display: inline-block; vertical-align: middle; position: relative; background: url("../../images/ico_newimg.png") no-repeat center; height: 16px; width: 117px; background-position: -175px -82px; cursor: pointer; }
.Relatedcontent .reobox4 .scorewrap .score span { position: absolute; left: 0px; top: 0px; background: url("../../images/ico_newimg.png") no-repeat center; height: 16px; width: 20%; background-position: -175px -110px; }
.Relatedcontent .reobox4 .scorewrap .processingbar { display: inline-block; vertical-align: middle; font-size: 50px; color: #ffa200; font-weight: bold; padding: 0 10px; }
.Relatedcontent .reobox4 .txt { text-align: right; line-height: 20px; height: 20px; color: #fff; }
.Relatedcontent .reobox4 .txt span { color: #ffa200; padding: 0 2px; }
.Relatedcontent .reobox4 .txt u { padding: 0 2px; text-decoration: none; }
.Relatedcontent .reobox4 .btn { display: block; width: 100%; height: 53px; line-height: 53px; color: #fff; text-align: center; background: #ffa200; border-radius: 5px; margin-top: 25px; }
.Relatedcontent .reobox4 .btn:hover { opacity: 0.8; }

.news_conten { background: #fff; margin-bottom: 10px; }
.news_conten .news_top { border-bottom: 1px solid #eee; padding: 0 30px; }
.news_conten .news_top .bt { height: 90px; text-align: center; line-height: 90px; overflow: hidden; font-size: 32px; width: 100%; }
.news_conten .news_top .labe { height: 60px; line-height: 60px; color: #969696; width: 100%; overflow: hidden; }
.news_conten .news_top .labe .time { float: left; width: 200px; overflow: hidden; }
.news_conten .news_top .labe .intem { width: 500px; float: left; padding-right: 100px; }
.news_conten .news_top .labe .intem li { float: right; }
.news_conten .news_top .labe .eyes { float: right; max-width: 80px; }
.news_conten .news_top .labe .eyes i { background: url("../../images/ico_newimg.png") no-repeat center; }
.news_conten .news_center { padding: 10px 0px; border-bottom: 1px solid #eee; margin: 0 30px; }
.news_conten .news_center p { font-size: 14px; line-height: 30px; color: #434343; margin: 10px auto; }
.news_conten .news_center table, .news_conten .news_center video, .news_conten .news_center iframe, .news_conten .news_center embed, .news_conten .news_center img { max-width: 100%; }

/*.libao_list { padding-bottom: 20px; }*/
.libao_list .libao_title { background: #fff; padding-bottom: 16px; }
.libao_list .libao_title .title_ { height: 50px; line-height: 50px; padding: 14px 15px 0; }
.libao_list .libao_title .title_ .bt { float: left; font-size: 20px; color: #000; }
.libao_list .libao_title .title_ .bt i { background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; height: 24px; width: 18px; background-position: -301px -3px; margin: -5px 10px 0 0; }
.libao_list .libao_title .labe1 { height: 43px; margin-bottom: 15px; border-bottom: 1px solid #eee; display: block; padding: 0 15px; }
.libao_list .libao_title .labe1 a { display: block; float: left; margin: 0 50px 0 10px; height: 39px; line-height: 39px; border-bottom: 4px solid transparent; color: #969696; }
.libao_list .libao_title .labe1 a:hover { border-color: #1b1b1b; color: #000000; }
.libao_list .libao_title .labe1 .on { border-color: #1b1b1b; color: #000000; }
.libao_list .libao_title .labe2 { padding: 0 15px; height: 48px; line-height: 48px; overflow: hidden; }
.libao_list .libao_title .labe2 .bt { padding-left: 15px; float: left; width: 100px; overflow: hidden; }
.libao_list .libao_title .labe2 p { float: left; width: 1050px; overflow: hidden; }
.libao_list .libao_title .labe2 .p1 a { display: inline-block; vertical-align: middle; margin-right: 10px; width: 20px; height: 20px; line-height: 20px; color: #969696; text-align: center; border-radius: 50%; border: 1px solid transparent; }
.libao_list .libao_title .labe2 .p1 a:hover { border-color: #dbdbe5; background: #efeff4; color: #000; }
.libao_list .libao_title .labe2 .p1 .on { border-color: #dbdbe5; background: #efeff4; color: #000; }
.libao_list .libao_title .labe2 .p2 a { float: left; display: block; margin: 6px 2px 0; width: 81px; height: 33px; position: relative; border-radius: 3px; border: 1px solid transparent; }
.libao_list .libao_title .labe2 .p2 a i { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; display: block; background: url("../../images/ico_newimg.png") no-repeat center; height: 23px; }
.libao_list .libao_title .labe2 .p2 a .vip0 { height: 25px; width: 69px; background-position: -333px -445px; }
.libao_list .libao_title .labe2 .p2 a .vip1 { width: 67px; background-position: -332px -91px; }
.libao_list .libao_title .labe2 .p2 a .vip3 { width: 67px; background-position: -332px -159px; }
.libao_list .libao_title .labe2 .p2 a .vip2 { width: 67px; background-position: -332px -127px; }
.libao_list .libao_title .labe2 .p2 a .vip4 { width: 67px; background-position: -332px -189px; }
.libao_list .libao_title .labe2 .p2 a .vip5 { width: 67px; background-position: -332px -229px; }
.libao_list .libao_title .labe2 .p2 a .vip6 { width: 67px; background-position: -332px -270px; }
.libao_list .libao_title .labe2 .p2 a .vip7 { width: 67px; background-position: -332px -308px; }
.libao_list .libao_title .labe2 .p2 a .vip8 { width: 66px; background-position: -332px -345px; }
.libao_list .libao_title .labe2 .p2 a .vip9 { width: 66px; background-position: -332px -379px; }
.libao_list .libao_title .labe2 .p2 a .vip10 { width: 73px; background-position: -332px -412px; }
.libao_list .libao_title .labe2 .p2 a:hover { background: #f6f7fb; border-color: #dadae4; }
.libao_list .libao_title .labe2 .p2 a:hover i { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.libao_list .libao_title .labe2 .p2 .on { background: #f6f7fb; border-color: #dadae4; }
.libao_list .libao_title .labe2 .p2 .on i { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.libao_list .libao_ul { width: 100%; overflow: hidden; }
.libao_list .libao_ul ul { width: 105%; padding-top: 15px; }
.libao_list .libao_ul ul li { float: left; width: 288px; background: #fff; height: 220px; margin: 0 16px 15px 0; }
.libao_list .libao_ul ul li .img { display: block; position: relative; height: 172px; width: 288px; }
.libao_list .libao_ul ul li .img img { display: block; width: 100%; height: 100%; }
.libao_list .libao_ul ul li .img .p { height: 38px; line-height: 38px; position: absolute; left: 0px; bottom: 0; width: 100%; color: #fff; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f80c269,endColorstr=#7f80c269); zoom: 1; background: rgba(128, 194, 105, 0.7); }
.libao_list .libao_ul ul li .img .p span { width: 46%; display: block; padding: 0 2%; text-align: center; float: left; overflow: hidden; }
.libao_list .libao_ul ul li .text { display: block; line-height: 48px; height: 48px; text-align: center; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.libao_list .libao_ul ul li:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.libao_list .pagewrap { height: 42px; line-height: 42px; }
.libao_list .pagewrap a, .libao_list .pagewrap span { background: #fff; height: 42px; line-height: 42px; padding: 0 16px; margin: 0 2px; }

.Top_imgbj1 { position: fixed; width: 100%; top: 134px; left: 0px; height: 960px; overflow: hidden; z-index: 1; }
.Top_imgbj1 .img_ { position: absolute; left: 0px; top: 0px; background: no-repeat center top; min-height: 960px; width: 100%; background-size: auto 100%; }
.Top_imgbj1  a{display: block; width: 100%; height: 100%;min-height: 960px; position: relative;}
.Top_imgbj1 .bj_ { background: url("../../images/ico_line3.png") repeat-x left; left: 0px; bottom: 0px; width: 100%; height: 546px; position: absolute; }

.Top_imgbj2 { position: fixed; width: 100%; top: 134px; left: 0px; height: 960px; overflow: hidden; z-index: 0; }
/*.Top_imgbj2 { position: fixed; width: 100%; top: 134px; left: 0px; height: 539px; overflow: hidden; z-index: 0; }*/
.Top_imgbj2 .img_ { position: absolute; left: 0px; top: 0px; background: no-repeat center top; min-height: 960px; width: 100%; background-size: auto 100%; }
/*.Top_imgbj2 .img_ { position: absolute; left: 0px; top: 0px; background: no-repeat center top; min-height: 539px; width: 100%; background-size: auto 100%; }*/
.Top_imgbj2 .bj_ { background: url("../../images/ico_line5.png") repeat-x left; left: 0px; bottom: 0px; width: 100%; height: 203px; position: absolute; }

.Top_imgbj3 { position: relative; width: 100%; height: 539px; overflow: hidden; z-index: 0; }
.Top_imgbj3 .img_ { position: absolute; left: 0px; top: 0px; background: no-repeat center top; min-height: 539px; width: 100%; background-size: auto 100%; }
.Top_imgbj3 .bj_ { background: url("../../images/ico_line5.png") repeat-x left; left: 0px; bottom: 0px; width: 100%; height: 203px; position: absolute; }
.Top_imgbj3 .center { position: relative; height: 100%; }

.centertop2{margin: 20px auto 376px; height: 144px; width: 1200px;}
.lunbox-top { position: relative; left: 0px; top: 0px; height: 94px;float: left; max-width: 391px; padding: 25px 20px; z-index: 1;  border-radius: 20px; overflow: hidden; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff); zoom: 1; background: rgba(255, 255, 255, 0.9); }
.lunbox-top .bd { max-width: 340px; float: left; overflow: hidden; }
.lunbox-top .bd li { margin-right: 29px; width: 90px; height: 90px; border: 2px solid transparent; border-radius: 10px; overflow: hidden; float: left; }
.lunbox-top .bd li.on{border-color: #ffa200}
.lunbox-top .bd li:hover { opacity: 0.9; }
.lunbox-top .bd li .img, .lunbox-top .bd li .img img { display: block; width: 100%; height: 100%; }
.lunbox-top .next { float: right; margin-left: 15px; border-radius: 5px; font-weight: bold; background: #fff; height: 92px; width: 34px; border: 1px solid #e5e5e5; text-align: center; line-height: 92px; color: #d2d2d2; font-size: 30px; display: none; }
.lunbox-top .next:hover { opacity: 0.9; }

.topTan1 { float: right; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.9); width: 340px; height: 490px; margin-top: 90px; border-radius: 10px; color: #fff; }
.topTan1 .Welcome_name { padding: 28px 20px 15px; height: 84px; line-height: 42px; color: #fff; text-align: center; }
.topTan1 .Welcome_name p a { color: #fff; font-size: 18px; cursor: pointer; }
.topTan1 .Welcome_name p i { width: 2px; height: 20px; display: inline-block; vertical-align: middle; background: #fff; margin: 0 10px; margin-top: -4px; }
.topTan1 .qufu .btn { display: block; height: 45px; width: 310px; line-height: 45px; margin: 0 auto; margin-bottom: 8px; background: url("../../images/ico_newimg.png") no-repeat center; text-align: center; color: #fff; letter-spacing: 1px; }
.topTan1 .qufu .btn:hover { opacity: 0.9; }
.topTan1 .qufu .btn i { background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.topTan1 .qufu .btn1 { background-position: 0 -629px; }
.topTan1 .qufu .btn1 i { height: 27px; width: 23px; background-position: -247px 0; }
.topTan1 .qufu .btn2 { background-position: 0 -688px; }
.topTan1 .qufu .btn2 i { height: 26px; width: 22px; background-position: -209px 0; }
.topTan1 .qufu .sou { margin: 12px 20px 6px; color: #fff; height: 32px; line-height: 32px; }
.topTan1 .qufu .sou input { float: right; background: #22201f; height: 22px; padding: 5px 10px; width: 40px; font-size: 12px; line-height: 17px; border: none; color: #fff; }
.topTan1 .qufu ul { padding: 0 15px; height: 148px; overflow: hidden; overflow-y: auto; margin: 10px 5px 20px 5px; }
.topTan1 .qufu ul::-webkit-scrollbar { width: 8px; height: 8px; background: #22201f; border-radius: 10px; }
.topTan1 .qufu ul::-webkit-scrollbar-button { width: 0; height: 0; }
.topTan1 .qufu ul::-webkit-scrollbar-corner { display: block; }
.topTan1 .qufu ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #000; border-radius: 10px; }
.topTan1 .qufu ul li { line-height: 37px; height: 37px; font-size: 12px; }
.topTan1 .qufu ul li .text_ { max-width: 200px; float: left; display: block; overflow: hidden; height: 37px; }
.topTan1 .qufu ul li .text_:before { content: ''; background: url("../../images/ico_newimg.png") no-repeat center; height: 8px; width: 4px; background-position: -160px -4px; display: inline-block; vertical-align: middle; margin: -1px 6px 0 0; }
.topTan1 .qufu ul li .ico{background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin-left:2px;}
.topTan1 .qufu ul li .ico1{height:29px;width:42px;background-position: -521px 0; margin-top: -12px;}
.topTan1 .qufu ul li .ico2{height:22px;width:69px;background-position: -585px 0;margin-top: -6px;}
.topTan1 .qufu ul li .down_ { float: right; color: #ffc600; }
.topTan1 .more { width: 100%; height: 40px; line-height: 40px; border-radius: 5px; display: block; text-align: center; font-size: 20px; border-top: 2px solid #000; }
/*.topTan1 .more { width: 100%; height: 40px; line-height: 40px; border-radius: 5px; display: block; text-align: center; font-size: 12px; border-top: 2px solid #000; }*/
.topTan1 .qufu .sou input:-webkit-autofill{background: #22201f!important;box-shadow: 0 0 0 23px #22201f inset !important;    -webkit-text-fill-color: #fff!important;}

.topTan2 { position: absolute; right: 0px; bottom: 25px; width: 439px; height: 139px; padding: 13px; border: 2px solid #fff; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); zoom: 1; background: rgba(255, 255, 255, 0.5); }
.topTan2 .sao { position: relative; width: 139px; height: 139px; overflow: hidden; float: left; }
.topTan2 .sao .img, .topTan2 .sao .img img { width: 100%; height: 100%; display: block; }
.topTan2 .sao .line { position: absolute; left: 0px; top: 0px; width: 100%; background: url("../../images/ico_newimg.png") no-repeat center; }
.topTan2 .btn_box { float: left; width: 288px; padding-left: 10px; height: 139px; overflow: hidden; }
.topTan2 .btn_box .btn { width: 288px; height: 67px; background: url("../../images/ico_btn1.png") no-repeat center; display: block; margin: 0 auto; line-height: 67px; margin-bottom: 9px; font-size: 20px; text-align: center; color: #fff; letter-spacing: 1px; }
.topTan2 .btn_box .btn:hover { background-position-x: 0px; }
.topTan2 .btn_box .btn i { background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.topTan2 .btn_box .btn1 { background-position: -305px 0; }
.topTan2 .btn_box .btn1 i { height: 27px; width: 23px; background-position: -247px 0; }
.topTan2 .btn_box .btn2 { background-position: -305px -79px; }
.topTan2 .btn_box .btn2 i { height: 26px; width: 22px; background-position: -209px 0; }
.topTan2{ height: 173px;}
.topTan2 .imgtex{position:absolute;left: 10px;bottom: 17px;color: #fff;text-align: center;width: 140px;height: 20px;line-height: 20px;}
.topTan2 .btn_box{height: 175px;}
.topTan2 .btn_box .btn{height:53px;line-height:53px;font-size:14px;margin-bottom: 7px;}
.topTan2 .btn_box .btn i{display:none;}
.topTan2 .btn_box .btn1 {background:#479fff;}
.topTan2 .btn_box .btn2 {background:#ff7044;}
.topTan2 .btn_box .btn3 {background:#000;}
.topTan2 .btn_box .btn:hover{opacity:0.9;}

.center_top1 { padding-top: 540px; }

.center_top2 { padding-top: 315px; }
.center_top2 .webBox1 { width: 215px; margin-right: 20px; }
.center_top2 .webBox2 { width: 965px; }

.web_center { margin: 15px 0 20px;background: #f6f7fb; }
.web_center .webBox1 { width: 340px; margin-right: 15px; }
.web_center .webBox2 { width: 845px; }

.web_center2 { margin-top: 30px;background: #f6f7fb; }
.web_center2 .webBox1 { width: 845px; margin-right: 15px; }
.web_center2 .webBox1 .Web_box { margin-bottom: 15px; }
.web_center2 .webBox2 { width: 340px; }
.web_center2 .Web_box { border-radius: 10px; }
.topcenterbj{height: 580px;}

.more_bottombtn { width: 285px; margin: 0 auto; display: block; background: #eee; text-align: center; line-height: 50px; height: 50px; font-size: 16px; color: #9f9f9f; border-radius: 30px; }
.more_bottombtn:hover { color: #fff; background: #ffa200; }

.more_bottombtn2 { width: 100%; display: block; text-align: center; line-height: 44px; height: 44px; font-size: 12px; color: #969696; }
.more_bottombtn2:hover { color: #ffa200; }

.pagewrap { width: 100%; height: 34px; padding: 25px 0; line-height: 34px; text-align: center; color: #666; overflow: hidden; }
.pagewrap a, .pagewrap span { display: inline-block; height: 30px; text-align: center; line-height: 30px; border: 1px solid #eaeaea; border-radius: 3px; padding: 0 12px; margin: 0 5px; font-size: 14px; color: #666; }
.pagewrap a.current, .pagewrap .active a, .pagewrap a:hover { color: #fff; border: 1px solid #ffa200; background: #ffa200; }
.pagewrap li { display: inline-block; _zoom: 1; display: inline; }
.pagewrap .page .prev, .pagewrap .page .netx { width: 38px; }
.pagewrap .page { margin: 0 auto; display: block; }
.pagewrap li.active a { color: #fff; border: 1px solid #ffa200; }

.kf_list_ { width: 1160px; padding: 20px; background: #fff; margin: 25px auto; overflow: hidden; }

.crumb2 { width: 100%; height: 20px; line-height: 20px; margin: 0 auto; font-size: 12px; color: #626262; }
.crumb2 i { display: inline-block; background: url(../../images/ico_newimg.png) no-repeat; vertical-align: middle; height: 18px; width: 20px;background-position: -253px -213px; margin: -6px 2px 0px; }
.crumb2 a { color: #626262; }
.crumb2 a:hover { color: #f0412a; }

/*Tips*/
.tips_wind { display: none; width: 100%; position: fixed; z-index: 9999999999999999; left: 0; top: 33%; text-align: center; font-size: 14px; }
.tips_wind span { background: rgba(0, 0, 0, 0.7); border-radius: 6px; color: #fff; text-align: center; line-height: 30px; padding: 10px 12px; margin: 0 auto; display: inline-block; max-width: 180px; }

/*积分弹出*/
.integralbox{width: 544px;height: 511px;padding:0 50px;background: url("../../images/integralbox_bj.jpg") no-repeat center;overflow: hidden;display: none;}
.integralbox .bt_{height: 150px; }
.integralbox .ul_process{width: 451px; height: 117px; background: url("../../images/web_line1.png") no-repeat center; margin: 73px auto; position: relative;}
.integralbox .ul_process ul li{ position: absolute; height: 80px; }
.integralbox .ul_process ul li .tab{ width: 80px; height: 80px; text-align: center; border-radius:50%; overflow: hidden; position: relative; z-index: 1; cursor: pointer;}
.integralbox .ul_process ul li .tab .bot{ background: #fff9e9; display: block; width: 100%; height: 100%; text-align: center; line-height: 80px; font-size: 24px; color: #ff9e2f; position: relative;}
.integralbox .ul_process ul li .tab .tan_{position: absolute; background: url("./../images/web_ico_tan_.png") no-repeat center; width: 80px; height: 80px; top:80px; left: 0px; text-align: center; color: #fff; transition: all 0.2s linear;}
.integralbox .ul_process ul li .tab .tan_ p{font-size: 23px; line-height: 34px; padding-top: 14px;}
.integralbox .ul_process ul li .tab .tan_ span{font-size: 20px; line-height: 25px; padding-top: 0px;}
.integralbox .ul_process ul li .day_{ text-align: center; line-height: 35px; height: 35px; overflow: hidden;}
.integralbox .ul_process ul li .tab2 .bot i{background: url("../../images/ico_volume20.png") no-repeat center; width: 54px;height: 41px; background-position: 0 0; position: absolute; left: 0px; top:0px; bottom: 0px; right: 0px; margin: auto; font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 1px;}
.integralbox .ul_process ul li .tab2 .tan_{ background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background:rgba(0,0,0,0.5);}
.integralbox .ul_process ul li:after,.integralbox .ul_process ul li:before{content: '';height: 7px; position: absolute; background: url("../../images/web_line2.png") no-repeat center; top:36px; display: none;}
.integralbox .ul_process ul .li1:after{width: 47px; right:0px; background-position: 0 0;  }
.integralbox .ul_process ul .li1{padding-right: 27px; top:-36px; left: -60px;}
.integralbox .ul_process ul .li2:after{width: 147px; left:0px; background-position: -47px 0; }
.integralbox .ul_process ul .li2{padding:0 33px 0 34px;  top:-36px; left: 47px;}
.integralbox .ul_process ul .li3:after{width: 134px; left:0px; background-position: -194px 0; }
.integralbox .ul_process ul .li3{padding:0 29px 0 25px; top:-36px; left: 194px;}
.integralbox .ul_process ul .li4:after{width: 58px; left:0px; background-position: -328px 0;  height: 7px; }
.integralbox .ul_process ul .li4:before{width: 54px; right:0px; background-position: -397px 0;  height: 117px; }
.integralbox .ul_process ul .li4{padding:0 12px 0 31px; top:-36px; left: 328px;}
.integralbox .ul_process ul .li5:after{width: 156px; right:0px; background-position: -241px -109px; float: right; height: 7px; }
.integralbox .ul_process ul .li5{padding:0 38px ;bottom:-36px; left: 241px;}
.integralbox .ul_process ul .li6:after{width: 124px; right:0px; background-position: -117px -109px; float: left; height: 7px; }
.integralbox .ul_process ul .li6{padding:0 22px; left: 117px;bottom:-36px;}
.integralbox .ul_process ul .li7:after{width: 117px; right:0px; background-position: 0px -109px; float: left; height: 7px; }
.integralbox .ul_process ul .li7{padding-right:37px; left: 0px;bottom:-36px;}
.integralbox .ul_process ul li.on:before,.ul_process ul li.on:after{display: block;}
.integralbox .ul_process ul li.on .tab .tan_{top:0px;}
.integralbox .close_btn{ height: 42px; line-height: 42px; color: #525252; font-size: 14px; text-align: center; background:#eee; border-radius: 10px; margin: 5px auto; cursor: pointer;}
.integralbox .close_btn:hover{opacity: 0.8;}
.integralbox .tishi{ text-align: center; line-height: 45px; color: #969696; height: 45px; font-size: 14px;}


/*11-28加导航 */
.libaojia{position: absolute; left: 0px; bottom: 0px; background:url("../../images/ico_libaojia.png") repeat-x left; height: 56px; width: 100%;}
.libaojia p{padding:0 10px;padding-top: 16px; height:40px; line-height: 40px; color: #eee; overflow: hidden;}
.libaojia p span{display: block; float: left; max-width: 60%; overflow: hidden; }
.libaojia p .ico{background: url(../../images/ico_newimg.png) no-repeat center;height: 23px; display: block; float: right; margin-top: 5px;}
.libaojia p .ico.vip0 { height: 25px; width: 69px; background-position: -333px -445px; }
.libaojia p .ico.vip1 { width: 67px; background-position: -332px -91px; }
.libaojia p .ico.vip3 { width: 67px; background-position: -332px -159px; }
.libaojia p .ico.vip2 { width: 67px; background-position: -332px -127px; }
.libaojia p .ico.vip4 { width: 67px; background-position: -332px -189px; }
.libaojia p .ico.vip5 { width: 67px; background-position: -332px -229px; }
.libaojia p .ico.vip6 { width: 67px; background-position: -332px -270px; }
.libaojia p .ico.vip7 { width: 67px; background-position: -332px -308px; }
.libaojia p .ico.vip8 { width: 66px; background-position: -332px -345px; }
.libaojia p .ico.vip9 { width: 66px; background-position: -332px -379px; }
.libaojia p .ico.vip10 { width: 73px; background-position: -332px -412px; }
.fhtop{ width: 643px; padding-right: 320px;}
.fhtop .top_r{}
.fhtop .bt,.fhtop .time,.fhtop .num,.fhtop .yys{width: 315px;}
.fhwrap_L{ display: block; width: auto; float: none; padding: 0 20px;}

.Top_imgbj4 { position: fixed; width: 100%; top: 34px; left: 0px; height: 960px; overflow: hidden; z-index: 1; }
.Top_imgbj4 .img_ { position: absolute; left: 0px; top: 0px; background: no-repeat center top; min-height: 960px; width: 100%; background-size: auto 100%; }
.Top_imgbj4  a{display: block; width: 100%; height: 100%;min-height: 960px; position: relative;}
.Top_imgbj4 .bj_ { background: url("../../images/ico_line3.png") repeat-x left; left: 0px; bottom: 0px; width: 100%; height: 546px; position: absolute; }
.Nav_zq{position: absolute;z-index: 3; left: 0px; top:0px; width: 100%; height: 80px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1; background:rgba(0,0,0,0.85);}
.Nav_zq ul li{ float: left; width: 171px; height: 80px;}
.Nav_zq ul li a{display: block; width: 100%; text-align: center; color: #fff; position: relative; height: 100%; z-index:1;}
.Nav_zq ul li a span{position: absolute; width: 100%; left: 0px; top:0px; line-height: 31px; padding: 15px 0 5px; font-size: 20px;}
.Nav_zq ul li a i{ line-height: 25px; height: 25px; font-size: 12px; font-weight: normal;text-transform:uppercase;display: block;}
.Nav_zq ul li.on a{ color: #ffba25;}
.Nav_zq ul li:after{ content: ''; height: 55px;  display: block;  background: url("../../images/ico_Nav_zq.png") repeat-x left bottom; -webkit-backface-visibility: hidden;  backface-visibility: hidden;  bottom: 55px;  margin: 0 auto;  position: relative;  -webkit-transition: all 280ms ease-in-out;  transition: all 280ms ease-in-out;  width: 0%;  }
.Nav_zq ul li:hover{transition: all 150ms linear 0s;}
.Nav_zq ul li:hover a{color: #ffba25;}
.Nav_zq ul li.on:after{-webkit-backface-visibility: hidden;  backface-visibility: hidden;    -webkit-transition: width 250ms ease-in-out;  transition: width 250ms ease-in-out;  width: 100%;}
.Nav_zq ul li:hover:after{-webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: width 250ms ease-in-out;  transition: width 250ms ease-in-out;  width: 100%;}

.kfbwrap .kfbox .kflis td .ico_kaifu{ display: block; margin: 0 auto; background: url("../../images/ico_kaifulibao.png") no-repeat center;height:31px;width:31px;}
.kfbwrap .kfbox .kflis td .ico_kaifu.ico1{background-position: 0 0;}
.kfbwrap .kfbox .kflis td .ico_kaifu.ico2{background-position: -41px 0;}
.kfbwrap .kfbox .kflis td .ico_kaifu.ico2:hover{background-position: -90px 0;}
.kfbwrap .kfbox .kflis td .ico_kaifu.ico3{background-position: -90px 0;}

.webBox2 .Web8 .ul ul{ padding-left:20px;}
.webBox2 .Web8 .ul ul li{ margin-right:30px;}




/*12.3*/
.yyformbox .yyusernamebox{ width: 100%; display: block;}
.yyformbox .yyusernamebox .name_box{ height: 112px; padding: 10px 15px 10px; }
.yyformbox .yyusernamebox .name_box .nameimg{ float: left; width: 80px; height: 80px; border-radius: 50px; margin-left: 13px; overflow: hidden; display: block;}
.yyformbox .yyusernamebox .name_box .nameimg img{ display: block; width: 100%; height: 100%;}
.yyformbox .yyusernamebox .name_box .nametext{ float: left; padding-left: 15px; overflow: hidden; height: 80px; width: 200px;}
.yyformbox .yyusernamebox .name_box .nametext .name{ height: 28px; line-height: 28px; display: block; width: 100%; color: #fff; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.yyformbox .yyusernamebox .name_box .nametext p{color: #969696; font-size: 14px; height: 21px; line-height: 21px; padding-top: 8px; width: 100%; overflow: hidden;}
.yyformbox .yyusernamebox .name_box .nametext p .qd{ display: inline-block; vertical-align: middle; width: 43px;height: 21px; margin: -4px 0 0 10px; text-align: center; color: #fff; background: #f39800; border-radius: 5px; font-size: 12px; overflow: hidden;cursor: pointer;}
.yyformbox .yyusernamebox .name_box .nametext p .closename{color: #969696; float: right; cursor: pointer;}
.yyformbox .yyusernamebox  .name_box .pf {padding: 15px 0 0 40px; height: 17px; line-height: 17px; float: left; width: 270px; color: #f39800; font-size: 20px;}
.yyformbox .yyusernamebox .name_box .pf .ico{ background: url("../../images/ico_newimg.png") no-repeat center; height:14px;width:16px;background-position: -471px 0; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.yyformbox .yyusernamebox .name_box .pf .namepf{width:220px; height: 17px; float: right; background:#dcdcdc; position: relative; overflow: hidden; border-radius: 30px;}
.yyformbox .yyusernamebox .name_box .pf .namepf p{position: absolute;left: 0px;top:0px;height: 100%;width: 100%;background: -webkit-linear-gradient(left, #ffa23b 0%,#ffd84d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa23b', endColorstr='#ffd84d',GradientType=1 );background: linear-gradient(to right, #ffa23b 0%,#ffd84d 100%);}
.yyformbox .yyusernamebox .nameqf .bt{ height: 33px; line-height: 33px; padding: 10px 20px 5px 20px; font-size: 14px; color: #969696;}
.yyformbox .yyusernamebox .nameqf .ul{ height: 200px; padding-left: 15px; overflow-y: auto; overflow-x: hidden;}
.yyformbox .yyusernamebox .nameqf .ul .li{ display: block; height: 40px; line-height: 40px;  overflow: hidden; color: #434343; font-size: 14px;width: 308px; }
.yyformbox .yyusernamebox .nameqf .ul .li span{ min-width: 70px; max-width: 88px; margin: 0 3px; display: inline-block; vertical-align: middle; text-align: center; margin-top: -3px; height: 40px; overflow: hidden;}
.yyformbox .yyusernamebox .nameqf .ul .li .a_btn{ width: 82px; height: 28px; float: right; border-radius: 3px; border:1px solid #ffa200 ; background: #fcc462; color: #805100; display: block; text-align: center; line-height: 28px; font-size: 12px; margin-top: 5px; transition: all 0.2s linear;}
.yyformbox .yyusernamebox .nameqf .ul .li .ico{background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.yyformbox .yyusernamebox .nameqf .ul .li .ico0{height: 10px;width: 6px;background-position: -180px -2px;}
.yyformbox .yyusernamebox .nameqf .ul .li .ico1{height:10px;width:12px;background-position: -449px 0;}
.yyformbox .yyusernamebox .nameqf .ul .li .ico2{height:11px;width:11px;background-position: -426px 0;}
.yyformbox .yyusernamebox .nameqf .ul .li .ico3{height:9px;width:0px;background-position: -401px 0;  transition: all 0.2s linear; }
.yyformbox .yyusernamebox .nameqf .ul .li .a_btn:hover i{width: 8px;margin-left: 5px;}
.yyformbox .yyusernamebox .nameqf .ul::-webkit-scrollbar { width: 6px; height: 8px; background: #dcdcdc; border-radius: 10px; }
.yyformbox .yyusernamebox .nameqf .ul::-webkit-scrollbar-button { width: 0; height: 0; }
.yyformbox .yyusernamebox .nameqf .ul::-webkit-scrollbar-corner { display: block; }
.yyformbox .yyusernamebox .nameqf .ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #fcc462; border-radius: 10px; }


.yyleftformbox .yyleftusernamebox{ width: 100%; display: block;}
.yyleftformbox .yyleftusernamebox .name_box{ height: 112px; }
.yyleftformbox .yyleftusernamebox .name_box .nameimg{ float: left; width: 40px; height: 40px; border-radius: 50px; overflow: hidden; display: block;}
.yyleftformbox .yyleftusernamebox .name_box .nameimg img{ display: block; width: 100%; height: 100%;}
.yyleftformbox .yyleftusernamebox .name_box .nametext{ float: left; padding-left: 5px; overflow: hidden; height: 80px; width: 150px;}
.yyleftformbox .yyleftusernamebox .name_box .nametext .name{ height: 28px; line-height: 28px; display: block; width: 100%;  font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.yyleftformbox .yyleftusernamebox .name_box .nametext p{color: #969696; font-size: 12px; height: 21px; line-height: 21px; padding-top: 8px; width: 100%; overflow: hidden;}
.yyleftformbox .yyleftusernamebox .name_box .nametext p .qd{ display: inline-block; vertical-align: middle; width: 43px;height: 21px; margin: -4px 0 0 10px; text-align: center; color: #fff; background: #f39800; border-radius: 5px; font-size: 12px; overflow: hidden;}
.yyleftformbox .yyleftusernamebox .name_box .nametext p .closename{color: #969696; float: right; cursor: pointer;}
.yyleftformbox .yyleftusernamebox  .name_box .pf {height: 17px; line-height: 17px; float: left; width: 195px; color: #f39800; font-size: 20px;}
.yyleftformbox .yyleftusernamebox .name_box .pf .ico{ background: url("../../images/ico_newimg.png") no-repeat center; height:14px;width:16px;background-position: -471px 0; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.yyleftformbox .yyleftusernamebox .name_box .pf .namepf{width:160px; height: 17px; float: right; background:#dcdcdc; position: relative; overflow: hidden; border-radius: 30px;}
.yyleftformbox .yyleftusernamebox .name_box .pf .namepf p{position: absolute;left: 0px;top:0px;height: 100%;width: 100%;background: -webkit-linear-gradient(left, #ffa23b 0%,#ffd84d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa23b', endColorstr='#ffd84d',GradientType=1 );background: linear-gradient(to right, #ffa23b 0%,#ffd84d 100%);}
.yyleftformbox .yyleftusernamebox .nameqf .bt{ height: 33px; line-height: 33px; padding: 10px 20px 5px 20px; font-size: 14px; color: #969696;}
.yyleftformbox .yyleftusernamebox .nameqf .ul{ height: 200px; padding-left: 15px; overflow-y: auto; overflow-x: hidden;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li{ display: block; height: 40px; line-height: 40px;  overflow: hidden; color: #434343; font-size: 14px;width: 308px; }
.yyleftformbox .yyleftusernamebox .nameqf .ul .li span{ min-width: 70px; max-width: 88px; margin: 0 3px; display: inline-block; vertical-align: middle; text-align: center; margin-top: -3px; height: 40px; overflow: hidden;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .a_btn{ width: 82px; height: 28px; float: right; border-radius: 3px; border:1px solid #ffa200 ; background: #fcc462; color: #805100; display: block; text-align: center; line-height: 28px; font-size: 12px; margin-top: 5px; transition: all 0.2s linear;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .ico{background: url("../../images/ico_newimg.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .ico0{height: 10px;width: 6px;background-position: -180px -2px;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .ico1{height:10px;width:12px;background-position: -449px 0;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .ico2{height:11px;width:11px;background-position: -426px 0;}
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .ico3{height:9px;width:0px;background-position: -401px 0;  transition: all 0.2s linear; }
.yyleftformbox .yyleftusernamebox .nameqf .ul .li .a_btn:hover i{width: 8px;margin-left: 5px;}
.yyleftformbox .yyleftusernamebox .nameqf .ul::-webkit-scrollbar { width: 6px; height: 8px; background: #dcdcdc; border-radius: 10px; }
.yyleftformbox .yyleftusernamebox .nameqf .ul::-webkit-scrollbar-button { width: 0; height: 0; }
.yyleftformbox .yyleftusernamebox .nameqf .ul::-webkit-scrollbar-corner { display: block; }
.yyleftformbox .yyleftusernamebox .nameqf .ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #fcc462; border-radius: 10px; }

/*身份验证*/
.Identity .yhjtishi{background: url(https://m.3dmgame.com/yeyou/apppage/img/mobile/yujtab.png) no-repeat center;background-size: 100% auto;width: 100px;height: 100px;position: absolute;right: 0px;top: 0px;}
.Identity .yhjtishi span{position: absolute; width: 110px; height: 20px; color: #fff; text-align: center; font-size: 12px; transform: rotate(45deg); line-height: 20px; top:29px; left: -1px;}
.Identity{width: 310px; padding: 0 15px; background: #f4f6fa; display: none; padding-bottom: 1px;}
.Identity .bt_{ height: 95px; line-height: 95px; text-align: center; font-size: 24px; color: #525252;}
.Identity .bt_ i{display: inline-block; vertical-align: middle; background: url("../../images/ico_newimg.png") no-repeat center;height:53px;width:60px;background-position: -547px -53px; margin: -12px 24px 0 0;}
.Identity .text_{ padding: 15px 5px 15px; color: #525252; font-size: 12px; line-height: 22px;}
.Identity .form{border-top: 1px solid #e5e5e5;}
.Identity .form .input_{border:1px solid #e5e5e5; border-top: none; background: #fff; line-height: 39px; height: 39px; padding: 0 15px;}
.Identity .form .input_ span{ display: block; float: left; color: #525252; font-size: 12px; overflow: hidden; width: 75px;}
.Identity .form .input_ input{display: block; float: left; width: 200px; height: 20px; border:none;padding: 9px 0;}
.Identity .btn{height: 40px; margin: 17px auto; background: #02a9ec; width: 95%; line-height: 40px; color: #fff; text-align: center; cursor: pointer;}
.Identity .btn a ,.Identity .btn button{background: none;border:none; color: #fff; display: block;}
.Identity .btn:hover{opacity: 0.9;}

/*人物切换2*/
.swich_labe{background: url("../../images/swich_tab2.jpg") no-repeat center; width: 1199px; height: 538px; position: relative;}
.swich_labe .ol_box{ width: 120px; float: left;padding-left: 20px; height: 100%; position: relative;}
.swich_labe .ol_box ol{position: relative; width: 100%; height: 100%;}
.swich_labe .ol_box ol li{ width: 120px; height: 120px;overflow: hidden; position: absolute; cursor: pointer;}
.swich_labe .ol_box ol li:before{border:2px solid #d0cdcd; display: block; content: ''; border-radius: 50%; width: 116px; height: 116px;}
.swich_labe .ol_box ol li .img{position: absolute; height: 94px; width: 94px;left: 6px; top:6px; background: #b6b6b6; padding: 7px;border-radius: 50%;}
.swich_labe .ol_box ol li .img img{width: 100%; height: 100%;border-radius: 50%;}
.swich_labe .ol_box ol li.li1{left: 50px; top:16px;}
.swich_labe .ol_box ol li.li2{left: 6px; top:153px;}
.swich_labe .ol_box ol li.li3{left: 26px; top:287px;}
.swich_labe .ol_box ol li.li4{left: 118px; top:396px;}
.swich_labe .ol_box ol li.on:before{ border-color: #ffc600;}
.swich_labe .ol_box ol li.on .img{ background: #ffc600;}
.swich_labe .ul_box{float: left; width: 980px; padding-left: 50px; height: 100%;}
.swich_labe .ul_box ul{width: 100%; height: 100%;}
.swich_labe .ul_box ul li{width: 100%; height: 100%; display: none;}
.swich_labe .ul_box ul li .li_text{ float: left; padding-top: 120px; width: 335px;color: #434343;  font-size: 14px;}
.swich_labe .ul_box ul li .li_text .bt{ line-height: 82px; height: 82px; font-size: 44px; font-weight: bold;}
.swich_labe .ul_box ul li .li_text .bq{ line-height: 33px; height: 33px; width: 100%; overflow: hidden;}
.swich_labe .ul_box ul li .li_text .text{ line-height: 23px; text-align: justify; display: -webkit-box; width: 100%; max-height:161px; overflow: hidden;  -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-all;}
.swich_labe .ul_box ul li .li_img{ float: right; width: 600px; height: 100%; position: relative;}
.swich_labe .ul_box ul li .li_img img{max-width: 100%; position: absolute; left: 0px; top:0px; bottom: 0px; right: 0px; margin: auto; display: block;}
.swich_labe .ul_box ul li.on{display: block;}
.swich_labe .ul_box ul li.on .li_img img{-webkit-animation: bounceIn 1.2s ease 0.2s 0.6 both;}
@-webkit-keyframes bounceIn{
  0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
  0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
  20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
  40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
  60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
  80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
  0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
  0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
  20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
  40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
  60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
  80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
/*领取步骤*/
.layer_step{width: 470px; background: #fff; padding: 0 30px;  border-radius: 5px;display: none;}
.layer_step .bt{height: 100px; line-height: 100px;text-align: center; color: #000; font-size: 24px; font-weight: bold;}
.layer_step .bt i{ background: url("../../images/layer_xiaoji.png") no-repeat center; width: 45px; height: 36px; display: inline-block; vertical-align: middle; margin: -10px 0px 0 0;}
.layer_step .text{}
.layer_step .text p{ color: #434343; font-size: 16px; line-height: 35px; height: 35px;}
.layer_step .text a{color: #f83a3a;}
.layer_step .text i{color: #e27001;}
.layer_step .btn{width: 175px; height: 45px; cursor: pointer; display: block; margin: 25px auto; border-radius: 15px; text-align: center; line-height: 45px; color: #fff; background: #21c3cc;}
/*1-9加*/
.webbox_{}
/*.webbox_ .Web6{ float: left; width: 820px;}*/
/*.webbox_ .Web6{ float: left; width: 820px;height: 334px;border-radius: 10px;overflow: hidden;}*/
.webbox_ .Web6{ float: right; width: 765px;height: 334px;border-radius: 10px;overflow: hidden;}
.webbox_ .Web6 .web6box{height:auto; }
.webbox_ .Web6 .web6box ul{width: 100%; float: none;height:auto; max-height: 226px;}
.webbox_ .Web6 .web6box ul li{margin-left: 18px;}
.webbox_ .Web_box .web6box ul{width: 100%; float: none;height:auto; max-height: 270px;}
/*.webbox_ .Web_box .web6box ul{width: 100%; float: none;height:auto; max-height: 226px;}*/
.webbox_ .Web_box .web6box ul li{margin-left: 18px;}
.webbox_ .Web_box{ float: right; width: 338px; height: 334px; margin-right: 20px;}
.webbox_ .Web_box2{width: 398px;}
/*.webbox_ .Web_box{ float: right; width: 338px; margin-right: 20px;}*/
.webbox_ .Web_box .title{ line-height: 60px; height: 60px;}
.webbox_ .Web_box .title .more{margin-top: 20px;}
.flex_sao{ position: fixed; right: 0px; top:50%; margin-top: -120px;  z-index: 10; }
.flex_sao .img{ width: 150px;background: #fff; border-radius: 10px;padding: 20px 15px; }
.flex_sao .img img{ width: 150px; display: block; margin: 0 auto;}
.flex_sao p{ text-align: center; line-height: 20px;}
.flex_sao .close{cursor: pointer; position: absolute; left: -20px; top:37%; width: 20px;text-align: center; height: 80px; background: #f39800; color: #fff; line-height: 40px; border-radius: 5px;}
.flex_sao .closex{cursor: pointer; position: absolute; left: -20px; top:26%; width: 20px;text-align: center; height: 20px; background: #f39800; color: #fff; line-height: 20px; border-radius: 5px;}
.flex_sao .closex::before{content: "\2716";}
.flex_sao .closex:hover{content: "\2716";color: #7a7a7d}
.topTan1.on_{height: auto; margin-top: 190px;}
.topTan1 .tab_sao{width: 310px; margin: 0 auto; position: relative;}
.topTan1 .tab_sao .tab{width: 310px;text-align: center;height: 45px;line-height: 45px;color: #fff;background: #ffba25;margin: 15px auto;border-radius: 3px;cursor: pointer;}
.topTan1 .tab_sao .img_sao{width:150px; display:none; position: absolute; left:-165px; top:50%; margin-top: -75px;}
.topTan1 .tab_sao .img_sao img{width:100%;}
.Nav_zq ul li.video_btn{margin: 17px 0 0 20px; cursor: pointer; background: url("../../images/video_btn.png") no-repeat center;height:52px;width:46px;background-position: 0 0;}
.Nav_zq ul li.video_btn:hover{background-position: -74px 0;transition: all 0ms linear 0s;}
.Nav_zq ul li.video_btn:after{display: none;}
.video_box{ width: 888px; height: 500px; display: none; background: #000; }
.video_box video{width: 888px; height: 500px; display: block;}



/*游戏已下架*/
.Dismountbox{display: none;position: fixed; top:50%; left:50%; height: 480px; width:690px; margin-left: -345px; margin-top: -240px; background: #fff; z-index: 100000; border-radius: 20px;}
.Dismountbox .bt{margin: 50px 0 0; height: 60px; line-height: 60px; background: #005ab7; font-size: 30px; text-align: center; color: #fff;}
.Dismountbox .p_{height: 100px; font-size: 24px; text-align: center; color: #333333; line-height: 100px;}
.Dismountbox .ul{ padding-top: 10px; text-align: center; width: 100%; font-size: 0; height: 122px; overflow: hidden; margin-bottom: 40px;}
.Dismountbox .ul .li{ display: inline-block; width: 92px; margin:0 10px;}
.Dismountbox .ul .li img{display: block; width: 82px; height: 82px; margin: 0 auto; border-radius: 10px;}
.Dismountbox .ul .li .name{text-align: center; height: 40px; line-height: 40px; overflow: hidden; font-size: 20px; color: #050505;}
.Dismountbox .btn{width:275px; margin: 0 auto; border:2px solid #00a0e8; font-size: 24px; display: block; line-height: 46px; height: 46px; color: #00a0e8; border-radius: 10px; text-align: center; overflow: hidden; }
#Dismountbox + .layui-layer-setwin .layui-layer-close2{z-index: 1000000;}
/*优惠卷*/
#Couponbox + .layui-layer{background: none; box-shadow: none;}
.Couponbox{display:none;position: fixed; left: 50%; top:50%;z-index: 10000; width: 602px; height: 715px; margin-left: -301px; margin-top:-358px; background: url("../../images/Couponbox_ico.png") no-repeat center; background-size: 100% 100%;}
.Couponbox .close{position: absolute; right: 0px; top:60px; background: url("../../images/closeCouponbox.png") no-repeat center;height:40px;width:40px;background-position: -291px -140px; background-size: 344px auto;}
.Couponbox .bt{text-align: center; color: #fff; font-size: 40px; padding-top: 90px; height: 116px; line-height: 116px;}
.Couponbox .ul{ overflow: hidden; padding-left: 30px;height: 320px;}
.Couponbox .ul ul{overflow-x: hidden;  overflow-y: auto; height: 100%;}
.Couponbox .ul ul li{width: 540px; height: 147px;color: #fff; background: url("../../images/Couponlis_ico.png") no-repeat center; background-size: 100% 100%; margin-bottom: 13px;}
.Couponbox .ul ul li .infor{float: left; padding:10px 30px 10px 40px; overflow: hidden; width: 325px;}
.Couponbox .ul ul li .infor .name{height: 40px; line-height: 40px; font-size: 24px; overflow: hidden; width: 100%; padding-top: 8px;}
.Couponbox .ul ul li .infor p{height: 35px; line-height: 35px;font-size: 20px; overflow: hidden; width: 100%;}
.Couponbox .ul ul li .number{width: 130px; text-align: center;color: #ff0000; line-height: 147px; height: 100%; float: left; overflow: hidden; font-size: 24px; margin-right: 10px;}
.Couponbox .ul ul li .number span{font-size: 40px;}
.Couponbox .btn_{width: 540px; height: 110px; border-radius: 50px; text-align: center; line-height: 110px; margin: 30px auto; cursor: pointer; display: block;}
.Couponbox .btn_a{display: block; width: 100%; height: 100%;}
#Couponbox + .layui-layer-setwin .layui-layer-close2{background: url("../../images/closeCouponbox.png") no-repeat center;height:40px;width:40px;background-position: -291px -140px; background-size: 344px auto; z-index: 100000; top:-10px;}

/*首页弹框*/
.Startwarp{width: 100%; height: 100%; position: fixed; z-index: 1000;background: rgba(0,0,0,0.5); top:0px; left: 0px; display:block;}
.Startthegame{width: 900px; height: 350px; position: absolute; left: 50%; top:50%; margin-left: -450px; margin-top: -175px; display: block;}
.Startthegame .img{width: 100%; height: 100%; display: block;}
.Startthegame  .img img{width: 100%; height: 100%; display: block;}
.Startthegame .close{width: 50px; height: 50px; position: absolute; right:-20px; top:-20px; cursor: pointer;background: url("../../images/Startclose.png") no-repeat center; background-size:100% 100%;}
.Startthegame .close:hover{opacity: 0.8;}

/*开服表*/
.content .kf_list_ .H5gmwrap .H5top{padding: 10px 0 20px;}
.content .kf_list_ .H5gmwrap .H5top .color{color: #ffa200; padding-right: 4px;}
.content .kfbwrap .kfbox .kflis td a.play{height: 32px; line-height: 32px; font-size: 14px;}
.content .kfbwrap .kfbox .kflis tr.today{background: #fff3de; border-color: #ffe3b3;}
.content .kfbwrap .kfbox .kflis tr.today a.play{background: #ffd58c; border-color: #ffd58c;color: #f0412a !important;}
.content .kfbwrap .kfbox .kflis tr.today:hover{background: #ffebc8;}
.content .kfbwrap .kfbox .kflis tr.today:hover a.play{background: #ffc86a; border-color: #ffc86a;}
.content .kfbwrap .kfbox .kflis tr.today a.play:hover{background: #ffc86a; border-color: #ffc86a; color: #f0412a !important;}
.ritbox5 .warp_ .box1{padding-bottom: 0; }
.ritbox5 .warp_ .box1 .bt_h3{ float:left; width: 12%; padding: 22px 10px 22px 20px;}
.ritbox5 .warp_ .box1 .ul{ float:left; width: 83%; padding: 22px 0 0;}
.ritbox5 .warp_ .bt_h3 .bt input{width: 40px;}
.ritbox5 .warp_ .bt_h3 .bt span{padding: 0 15px 0 0;}
.ritbox5 .warp_ .bt_h3 .btn{cursor: pointer;}
.ritbox5 .warp_ .bt_h3 .linbtn{float: right;}
.ritbox5 .warp_ .bt_h3 .linbtn p{float: left; color: #fff; padding-left: 15px; font-size: 16px; height: 40px; line-height: 40px;}
.ritbox5 .warp_ .bt_h3 .linbtn p span{display:inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; margin: -2px 8px 0 0;}
.ritbox5 .warp_ .bt_h3 .linbtn p .open{ background: #13ff00;}
.ritbox5 .warp_ .bt_h3 .linbtn p .hot{ background: #ea141c;}
.ritbox5 .warp_ .bt_h3 .linbtn p .notice{ background: #fdaa06;}
.ritbox5 .warp_ .bt_h3 .linbtn p .maintain{ background: #646464;}
.ritbox5 .warp_ .ul li a{text-align: left;}
.ritbox5 .warp_ .ul li a::before{content: ''; display: inline-block; vertical-align: middle; margin: -2px 8px 0 5px; width: 12px; height: 12px; border-radius: 50%; background: #13ff00;}
.ritbox5 .warp_ .ul li.open a::before{background: #13ff00;}
.ritbox5 .warp_ .ul li.hot a::before{background: #ea141c;}
.ritbox5 .warp_ .ul li.notice a::before{background: #fdaa06;}
.ritbox5 .warp_ .ul li.maintain a::before{background: #646464;}


/*适龄提示*/
.zttabbiaoqian{background:#fff url("../../images/ztbiqiaoico.jpg") no-repeat center;position: absolute;}
.topTan1 .qufu{position: relative;}
.topTan1 .qufu .btn {margin: 0 0 8px 20px; width: 215px;}
.topTan1 .zttabbiaoqian{ height: 104px; width: 82px; top: -2px;right: 15px; background-size: auto 100px; border-radius: 5px;}
.topTan1 .zttabbiaoqian.bj8{background-position: -2px 2px;}
.topTan1 .zttabbiaoqian.bj12{background-position: -84px 2px;}
.topTan1 .zttabbiaoqian.bj16{background-position: -166px 2px;}
.topTan2 .btn_box{position: relative;}
.topTan2 .btn_box .btn {margin: 0 0 10px; width: 180px; font-size: 13px;}
.topTan2 .zttabbiaoqian{  height: 120px; width: 95px; top: 0;right: 0; background-size: auto 117px;}
.topTan2 .zttabbiaoqian.bj8{background-position: -5px 0;}
.topTan2 .zttabbiaoqian.bj12{background-position: -100px 0;}
.topTan2 .zttabbiaoqian.bj16{background-position: -197px 0;}
.topTan1 .tab_sao .tab{width: 215px;margin: 0 0 8px 5px;}

.boxwarn .zttabbiaoqian{ height: 104px; width: 82px; top: 41px;right: 22px; background-size: auto 100px; border-radius: 5px;}
.boxwarn .zttabbiaoqian.bj8{background-position: -2px 2px;}
.boxwarn .zttabbiaoqian.bj12{background-position: -84px 2px;}
.boxwarn .zttabbiaoqian.bj16{background-position: -166px 2px;}

/*手机验证*/
.bindingphone{width: 310px;padding: 0 15px;background: #f4f6fa; padding-bottom: 1px; display: none;}
.bindingphone .bt_{ height: 95px; line-height: 95px; text-align: left; font-size: 24px; color: #525252;}
.bindingphone .bt_ i{display: inline-block; vertical-align: middle; background: url("../../img/mobile/ico_newimg.png") no-repeat center;height:43px;width:35px;background-position: -559px -122px; margin: -2px 15px 0 0;}
.bindingphone .text_{ padding: 15px 5px 15px; color: #525252; font-size: 12px; line-height: 22px;}
.bindingphone .form .input_{  line-height: 39px; height: 39px; padding: 0 15px; margin-bottom: 10px;}
.bindingphone .form .input_ span{ display: block; float: left; color: #000; font-size: 12px; overflow: hidden; width: 65px;}
.bindingphone .form .input_ input{display: block; float: left; width: 210px; height: 39px; border:none; padding: 0 10px; box-sizing:border-box;}
.bindingphone .form .input_ .Code{width: 100px;}
.bindingphone .form .input_ .btnbox{width: 100px; background: #ff5959; text-align: center; margin-left: 10px; color: #fff; float: left;}
.bindingphone .btn{height: 40px; margin: 17px auto; background: #02a9ec; width: 95%; line-height: 40px; color: #fff; text-align: center; cursor: pointer;float: inherit;}
.bindingphone .btn a ,.bindingphone .btn button{background: none;border:none; color: #fff; display: block;}
.bindingphone .btn:hover{opacity: 0.9;}
.bindingphone .yhjtishi{background:url("../../img/mobile/yujtab.png")  no-repeat center; background-size: 100% auto; width: 100px; height: 100px; position: absolute; right: 0px; top:0px;}
.bindingphone .yhjtishi span{position: absolute; width: 110px; height: 20px; color: #fff; text-align: center; font-size: 12px; transform: rotate(45deg); line-height: 20px; top:29px; left: -1px;}
.bindingphone .tips{ height:30px; line-height: 30px;    font-size: 12px;color: #b5b5b5;}
.bindingphone .tips a, .bindingphone .tips span{color: #5d9bdb;cursor: pointer;}
.bindingphone .tips .labe_{float: right;}

/*2024-06-05*/
.ritbox5{display: flex; flex-direction: column; }
.ritbox5 .warp_{flex: 1; overflow: hidden; display: flex;flex-direction: column; }
.ritbox5 .warp_ .box2{flex: 1; overflow: hidden;display: flex;flex-direction: column; }
.ritbox5 .warp_ .box2 .box_scroll{flex: 1; }

.topTan1 .tab_sao{width: 310px; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center;}
.topTan1 .tab_sao .tab{width: 215px; text-align: center; height: 45px; line-height: 45px; color: #fff; background: #ffba25; margin: 15px auto; border-radius: 3px; cursor: pointer;}
.topTan1 .tab_sao .img_sao{width:150px; display:none; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 10px;}
.topTan1 .tab_sao .img_sao img{width:100%;}