@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f4;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
.rotate360:hover{transform: rotateY(360deg);}
.rotate360{transition:all 2s ease-in-out;transform: rotateY(360deg);}
.cx{overflow: hidden;*zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;position: relative;}
.h23{width:100%;height:23px;}
.hide{display:none;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
.bg{background-color: #fff;}
.w1200{width:1200px;margin:0 auto;}
.wraper{width:1200px;margin:0 auto;*zoom: 1;}
.h20{width:100%;height:20px;}
.hide{display:none;}
section{border-radius: 8px;}
/*body{background-color: #f4f4f4;background-image: url(../img/bgone.png);background-repeat: no-repeat;}*/
body{background-color: #f4f4f4;}
/* a:focus,a:hover{transition: color 150ms ease-in 0s,background-color 150ms ease-in 150ms;} */

.icon{background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;}
.backTop{width: 50px;height: 50px;position: fixed;right: 50%;margin-right: -660px;bottom: 3.85%;z-index: 99;cursor: pointer;display: none;}
.backTop i{display: block;width: 50px;height: 50px;background-position: -926px -17px;}
/* 头部 */
header{height: 81px;background-color: #fff;border-top: 5px solid #000000;box-shadow: 0 5px 9px 0 rgb(0 0 0 / 5%);}
header .logo{display: block;margin: 12px 116px 0 0;float: left;}
header .logo img{width: 147px;height: 51px}
header ul{float: left;position: relative;top: -5px; width: 645px;}
header ul li{float: left;}
header ul li a{display: block;height: 81px;line-height: 81px;color: #666666;font-size: 17px;text-align: center;padding: 0 24px;border-top: 5px solid transparent;}
header ul li a:hover{border-top: 5px solid #008873;color: #008873;}
header ul li a.current{border-top: 5px solid #008873;color: #008873;}

header form{position: relative;}
header form .keyWord{width: 176px;height: 38px;border: none;line-height: 38px;color: #b1b1b1;font-size: 12px;background-color: #f7f7f7;border-radius: 18px;margin-top: 20px;float: right;padding: 0 56px 0 18px;}
header form .keySubmit{width: 38px;height: 38px;border: none;background-color: #008873;border-radius: 50%;position: absolute;top: 20px;right: 0;background-position: -207px -75px;}

/* 面包屑 */
.local{width: 100%;height: 53px; margin: 0 auto; line-height: 53px;font-size: 12px;color: #000;position: absolute;z-index: 9;}
.local i{background-position: -15px -196px;display: inline-block;width: 18px;height: 14px;margin-right: 10px;position: relative;top: .5px;}
.local a{color: #000;}

/* 底部 */
footer{width: 100%;max-height: 450px;background-color: #282828;}
.bottom_footer{height:auto;margin:0 auto;font-size: 12px;color:#797979;text-align:center;line-height: 28px;padding: 25px 0;}
.bottom_footer a{color:#999;}
.bottom_footer a:hover{color:#008873;}
.bottom_footer a.s{color:#999;}
.bottom_footer a.s:hover{color:#008873;}

/* -----------------------------游戏列表页--------------------------- */
.gameNav{overflow: hidden; width: 100%;height: 184px;border-radius: 8px; margin-top: 53px; background-color: #ffffff;box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);}
.gameNav ul{position: relative;z-index: 2;}
.gameNav ul li{float: left;}
.gameNav ul li[data-none="yes"]{display: none;}
.gameNav ul li.current{background: #008873;box-shadow: 2.5px 4.5px 8px 0 rgba(136, 222, 211, 0.19);border-radius: 8px;}
.gameNav ul li a{display: block;width: 199px;height: 91px;border-right: 1px solid #eff1f4;border-bottom: 1px solid #eff1f4;}
.gameNav ul li.current a{background-color: transparent;}
.gameNav li a i{float: left;width: 32px;height: 32px;margin: 32px 20px 0 30px;}
.gameNav li a p{float: left;width: 110px;line-height: 29px;font-size: 18px;color: #525252;white-space: nowrap;overflow: hidden;margin-top: 33px;}
.gameNav li.current a p{color: #fff;font-weight: bold;}
.gameNav li:hover{background: #008873;box-shadow: 2.5px 4.5px 8px 0 rgba(136, 222, 211, 0.19);border-radius: 8px;}
.gameNav li:hover a p{font-weight: bold; color: #fff;}

/* 展开收起列表 */
.unfoldSort,.foldSort{cursor: pointer;width: 199px;height: 91px;border-right: 1px solid #eff1f4;border-bottom: 1px solid #eff1f4;}
.unfoldSort p,.foldSort p{float: left;width: 110px;line-height: 29px;font-size: 18px;color: #525252;white-space: nowrap;overflow: hidden;margin-top: 33px;}
.unfoldSort i,.foldSort i{float: left;width: 32px;height: 32px;margin: 32px 20px 0 30px;}
.unfoldSort:hover p,.foldSort:hover p{color: #fff;font-weight: bold;}
.unfoldSort i{background-position: -667px -538px;}
.unfoldSort:hover i{background-position: -667px -592px;}
.foldSort i{background-position: -667px -538px;}
.foldSort:hover i{background-position: -667px -592px;}


.gameNav li:nth-child(1) a i{background-position: -17px -536px;}
.gameNav li:nth-child(2) a i{background-position: -645px -791px}
.gameNav li:nth-child(3) a i{background-position: -699px -791px}
.gameNav li:nth-child(4) a i{background-position: -745px -790px}
.gameNav li:nth-child(5) a i{background-position: -540px -789px}
.gameNav li:nth-child(6) a i{background-position: -525px -894px}
.gameNav li:nth-child(7) a i{background-position: -385px -536px}
.gameNav li:nth-child(8) a i{background-position: -14px -696px}
.gameNav li:nth-child(9) a i{background-position: -130px -699px}
.gameNav li:nth-child(10) a i{background-position: -413px -792px}
.gameNav li:nth-child(11) a i{background-position: -572px -897px}
.gameNav li:nth-child(12) a i{background-position:-365px -897px}
.gameNav li:nth-child(13) a i{background-position: -67px -792px}
.gameNav li:nth-child(14) a i{background-position: -243px -698px}
.gameNav li:nth-child(15) a i{background-position: -459px -788px}
.gameNav li:nth-child(16) a i{background-position: -302px -696px}
.gameNav li:nth-child(17) a i{background-position: -363px -697px}
.gameNav li:nth-child(18) a i{background-position: -412px -700px}


.gameNav li:hover:nth-child(1) a i{background-position: -15px -592px;}
.gameNav li:hover:nth-child(2) a i{background-position:-645px -851px }
.gameNav li:hover:nth-child(3) a i{background-position:-699px -851px}
.gameNav li:hover:nth-child(4) a i{background-position:-745px -846px}
.gameNav li:hover:nth-child(5) a i{background-position:-542px -846px}
.gameNav li:hover:nth-child(6) a i{background-position:-525px -952px}
.gameNav li:hover:nth-child(7) a i{background-position:-385px -593px}
.gameNav li:hover:nth-child(8) a i{background-position:-14px -739px}
.gameNav li:hover:nth-child(9) a i{background-position:-130px -745px}
.gameNav li:hover:nth-child(10) a i{background-position:-413px -840px}
.gameNav li:hover:nth-child(11) a i{background-position:-572px -953px}
.gameNav li:hover:nth-child(12) a i{background-position: -365px -951px}
.gameNav li:hover:nth-child(13) a i{background-position:-67px -838px}
.gameNav li:hover:nth-child(14) a i{background-position:-243px -743px}
.gameNav li:hover:nth-child(15) a i{background-position:-459px -844px}
.gameNav li:hover:nth-child(16) a i{background-position:-302px -744px}
.gameNav li:hover:nth-child(17) a i{background-position:-363px -743px}
.gameNav li:hover:nth-child(18) a i{background-position:-412px -747px}



.gameNav li.current:nth-child(1) a i{background-position: -15px -592px;}
.gameNav li.current:nth-child(2) a i{background-position:-645px -851px }
.gameNav li.current:nth-child(3) a i{background-position:-699px -851px}
.gameNav li.current:nth-child(4) a i{background-position:-745px -846px}
.gameNav li.current:nth-child(5) a i{background-position:-542px -846px}
.gameNav li.current:nth-child(6) a i{background-position:-525px -952px}
.gameNav li.current:nth-child(7) a i{background-position:-385px -593px}
.gameNav li.current:nth-child(8) a i{background-position:-14px -739px}
.gameNav li.current:nth-child(9) a i{background-position:-130px -745px}
.gameNav li.current:nth-child(10) a i{background-position:-413px -840px}
.gameNav li.current:nth-child(11) a i{background-position:-572px -953px}
.gameNav li.current:nth-child(12) a i{background-position: -365px -951px}
.gameNav li.current:nth-child(13) a i{background-position:-67px -838px}
.gameNav li.current:nth-child(14) a i{background-position:-243px -743px}
.gameNav li.current:nth-child(15) a i{background-position:-459px -844px}
.gameNav li.current:nth-child(16) a i{background-position:-302px -744px}
.gameNav li.current:nth-child(17) a i{background-position:-363px -743px}
.gameNav li.current:nth-child(18) a i{background-position:-412px -747px}


/* 应用列表 */
/* 未选择 */
.apptab li:nth-child(2) a i{background-position: -258px -530px;}
.apptab li:nth-child(3) a i{background-position: -500px -790px;}
.apptab li:nth-child(4) a i{background-position: -348px -789px;}
.apptab li:nth-child(5) a i{background-position:-185px -437px;}
.apptab li:nth-child(6) a i{background-position: -303px -443px}
.apptab li:nth-child(7) a i{background-position: -224px -444px}
.apptab li:nth-child(8) a i{background-position: -138px -440px}
.apptab li:nth-child(9) a i{background-position: -500px -442px}
.apptab li:nth-child(10) a i{background-position: -547px -677px}
.apptab li:nth-child(11) a i{background-position: -275px -792px}
.apptab li:nth-child(12) a i{background-position: -365px -897px}
.apptab li:nth-child(13) a i{background-position:-243px -698px}
.apptab li:nth-child(14) a i{background-position: -201px -790px;}
.apptab li:nth-child(15) a i{background-position: -67px -792px}
.apptab li:nth-child(16) a i{background-position: -315px -531px}
.apptab li:nth-child(17) a i{background-position: -432px -442px}
.apptab li:nth-child(18) a i{background-position: -11px -791px}
.apptab li:nth-child(19) a i{background-position:-182px -531px}


/* 鼠标悬浮 */
.apptab li:hover:nth-child(2) a i,.apptab li.current:nth-child(2) a i{background-position: -258px -598px;}
.apptab li:hover:nth-child(3) a i,.apptab li.current:nth-child(3) a i{background-position: -500px -836px;}
.apptab li:hover:nth-child(4) a i,.apptab li.current:nth-child(4) a i{background-position: -348px -837px;}
.apptab li:hover:nth-child(5) a i,.apptab li.current:nth-child(5) a i{background-position:-185px -491px;}
.apptab li:hover:nth-child(6) a i,.apptab li.current:nth-child(6) a i{background-position: -303px -487px}
.apptab li:hover:nth-child(7) a i,.apptab li.current:nth-child(7) a i{background-position: -224px -490px}
.apptab li:hover:nth-child(8) a i,.apptab li.current:nth-child(8) a i{background-position: -138px -490px}
.apptab li:hover:nth-child(9) a i,.apptab li.current:nth-child(9) a i{background-position: -500px -490px}
.apptab li:hover:nth-child(10) a i,.apptab li.current:nth-child(10) a i{background-position: -547px -746px}
.apptab li:hover:nth-child(11) a i,.apptab li.current:nth-child(11) a i{background-position: -275px -838px}
.apptab li:hover:nth-child(12) a i,.apptab li.current:nth-child(12) a i{background-position:  -365px -951px}
.apptab li:hover:nth-child(13) a i,.apptab li.current:nth-child(13) a i{background-position: -243px -743px}
.apptab li:hover:nth-child(14) a i,.apptab li.current:nth-child(14) a i{background-position: -201px -837px;}
.apptab li:hover:nth-child(15) a i,.apptab li.current:nth-child(15) a i{background-position: -67px -838px}
.apptab li:hover:nth-child(16) a i,.apptab li.current:nth-child(16) a i{background-position: -315px -602px}
.apptab li:hover:nth-child(17) a i,.apptab li.current:nth-child(17) a i{background-position: -432px -487px}
.apptab li:hover:nth-child(18) a i,.apptab li.current:nth-child(18) a i{background-position: -11px -838px}
.apptab li:hover:nth-child(19) a i,.apptab li.current:nth-child(19) a i{background-position: -182px -602px}
.gameList{margin-top: 36px;}
.gameList ul li{ float: left;margin: 0 26px 20px 0;border-radius: 8px;position: relative;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);}
.gameList ul li{transition:all 150ms ease 0s;}
.gameList ul li:hover{top: -3px;}
.gameList ul li a{display:block;width: 280px;height: 266px;border-radius: 8px;background-color: #fff;padding-top: 20px;}
.gameList ul li a>img{display: block;width: 100px;height: 100px;border-radius: 18px;margin: auto;}
.gameList ul li a >div{padding: 8px 0 0 0;text-align: center;margin: 0 auto;width: 280px;height: 136px;border-radius: 0 0 8px 8px;background-color: #ffffff;}
.gameList ul li a >div p:nth-of-type(1){font-size: 18px;color: #4b4b4b;line-height: 48px;margin: 0 auto;max-width: 240px;overflow: hidden;white-space: nowrap;font-weight: bold;}
.gameList ul li a >div p:nth-of-type(2){font-size: 14px;color: #a1a1a1;line-height: 24px;margin: 0 auto;max-width: 240px;overflow: hidden;white-space: nowrap;}
.gameList ul li a >div p:nth-of-type(2) span{margin: 0 3px;}
.gameList ul li a >div p:nth-of-type(3){font-size: 14px;color: #a1a1a1;line-height: 24px;margin: 0 auto;max-width: 240px;overflow: hidden;white-space: nowrap;}
.gameList ul li a >div>span,.gameList ul li a >div .look{display: block; width: 108px;height: 28px;border: 1px solid #008873;border-radius: 14px;line-height: 28px;text-align: center;color: #008873;font-size: 14px;margin: 12px auto 0;}
.gameList ul li a >div>span i{display: inline-block;width: 12px;height: 12px;background-position: -58px -80px;margin-right: 2px;}

.gameList ul li:hover a >div>span{background: linear-gradient(to right, #07dbbf, #008873);color: #fff;}
.gameList ul li:hover a >div>span i{background-position: -58px -60px;}



.gameList ul li:nth-of-type(4n){margin-right: 0;}
.gameList ul li a >div .look{border-color: #ffca00;color: #ffca00;}
.gameList ul li:hover a >div:nth-of-type(2) .look{background: #ffca00;color: #fff;box-shadow: 3px 4.5px 8px 0 rgb(255 202 0 / 30%);}
.gameList ul li a >div .look i{width: 16px; background-position: -78px -80px;}
.gameList ul li:hover a >div:nth-of-type(2) .look i{background-position: -78px -61px}
/* 页码 */
.page{padding: 18px 0 30px 0px;text-align: center;width: 1200px;margin: 0 auto;}
.page a{margin-left: 8px;width: 38px;height: 38px;line-height: 38px;text-align: center;color: #666666;font-size: 16px;cursor: pointer;background-color: #fff;border: 1px solid #eaeaea;transition: all 0.2s ease;overflow: hidden;white-space: nowrap;border-radius: 4px;}
.page a:first-child{margin-left: 0;}


/*.page a:nth-last-child(1){width: 60px;}
.page a:nth-last-child(2){width: 60px;}*/
.page a{display:inline-block;}
.page a.on{background-color: #008873;color: #fff;}
.page a:hover{background-color: #008873;color: #fff;}

/* -----------------------游戏内容页--------------------------- */
.bar{height: 20px;margin-left: 20px;background: linear-gradient(to bottom, #f8f8f8, #ffffff);}
.gameCont{width: 1200px;position: relative;margin: 52px auto 20px;}
.Title{width: 276px;height: 52px;line-height: 52px;color: #4b4b4b;font-size: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;}
.Title i{display: inline-block;width: 22px;height: 28px;vertical-align: top;position: relative;top: 13px;margin-right: 7px;}
/* 左侧 */
.contL{width: 875px;float: left;margin-right: 15px;}
.contL_1{height: 219px;position: relative;padding: 21px 0 0 26px;background: url(../img/gdbg2.jpg);background-size: cover;border-radius: 8px 8px 0 0;}
.contL_1>i{position: absolute;top: 0;left: 0;width: 25px;height: 30px;background-position: -591px -14px;}
.contL_1>img{float: left;width: 182px;height: 182px;border-radius: 38px;margin: 7px 20px 0 0;box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);}
.contL_1>div:nth-of-type(1){float: left;width: 636px;}
.contL_1>div:nth-of-type(1) h1{width: 100%;height: 52px; line-height: 52px;font-size: 24px; color: #333333;white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #e8e8e8;font-weight: bold;}
.contL_1>div:nth-of-type(1) p:nth-of-type(1){height: 20px;margin: 15px 0;color: #999999;}
.contL_1>div:nth-of-type(1) p:nth-of-type(1) a{float: left;height: 20px;line-height: 20px;padding: 0 3px 0 4px;background: #d7a9a4;font-size: 12px;color: #fff;margin-right: 5px;}
.contL_1>div:nth-of-type(1) p:nth-of-type(2){height: 18px;font-size: 14px;color: #999999;}
.contL_1>div:nth-of-type(1) p > em{padding: 15px;}
.contL_1>div:nth-of-type(1) p span{color: #333333;padding-right: 40px;display: inline-block;max-width: 166px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;top: 5px;}
.contL_1>div:nth-of-type(1) div{margin-top: 20px;}
.contL_1>div:nth-of-type(1) div > span{float: left;width: 218px;line-height: 48px;height: 48px;font-size: 16px;color: #fff;border-radius: 24px;text-align: center;margin-right: 11px;cursor: pointer;}

.contL_1>div:nth-of-type(1) div span i{display: inline-block;width: 20px;height: 24px;vertical-align: top;margin: 12px 9px 0 0;}

.contL_1>div:nth-of-type(1) div a{float: left;width: 180px;line-height: 48px;height: 48px;font-size: 16px;color: #fff;border-radius: 24px;text-align: center;margin-right: 11px;cursor: pointer;position: relative;}
.contL_1>div:nth-of-type(1) div a i{display: inline-block;width: 20px;height: 24px;vertical-align: top;margin: 12px 9px 0 0;}

.contL_1>div:nth-of-type(1) div .adr{background: linear-gradient(to right, #23c268, #25d973);box-shadow: 0 5px 8px 0 rgb(35 194 104 / 25%);}
.contL_1>div:nth-of-type(1) div .ios{background: linear-gradient(to right, #1a97eb, #4aade7);box-shadow: 0 5px 8px 0 rgb(35 194 104 / 25%);}
.contL_1>div:nth-of-type(1) div .pc{background: linear-gradient(to right, #f8860c, #fea342);box-shadow: 0 5px 8px 0 rgb(23 195 161 / 25%);}
.contL_1>div:nth-of-type(1) div .order{background: linear-gradient(to right, #ffc900, #ffae00);box-shadow: 0 5px 8px 0 rgb(35 194 104 / 25%);}
.contL_1>div:nth-of-type(1) div .none{background:#999;}
.contL_1>div:nth-of-type(1) div .aqBtn{background:#fea342;box-shadow: 0 5px 8px 0 rgb(23 195 161 / 25%);line-height:unset;padding-top: 6px;height: 42px;}
.contL_1>div:nth-of-type(1) div .aqBtn > span{font-size: 12px;letter-spacing: 1px;display: block;}

.contL_1>div:nth-of-type(1) div .adr > i,.contL_1>div:nth-of-type(1) div .ios > i,.contL_1>div:nth-of-type(1) div .pc > i,.contL_1>div:nth-of-type(1) div .aqBtn > i{display: inline-block;width: 22px;height: 25px;background: url("../img/qicon.png") no-repeat;margin: 0;position: relative;top: 8px;left: -8px;}

.contL_1>div:nth-of-type(1) div .adr i{background-position: -170px -185px;}
.contL_1>div:nth-of-type(1) div .ios i{background-position: -197px -186px;top: 9px;}
.contL_1>div:nth-of-type(1) div .pc i{background-position:-227px -185px;}
.contL_1>div:nth-of-type(1) div .aqBtn i{background-position: -227px -185px;top:0px;left: 20px;position: absolute;margin: 0;}
.contL_1>div:nth-of-type(1) div .order i{background-position: -121px -190px;}
.contL_1>div:nth-of-type(1) div .none i{display: none;}

.noGm{line-height: 15px;height: 15px;position: absolute;bottom: 55px;right: 82px;width: 310px;color: #999;}
.noGm i{display: inline-block;width: 16px;height: 16px;margin-bottom: 5px; font-size: 12px;color: #fff;background-color: red;border-radius: 50%;text-align: center;margin-right: 4px;position: relative;vertical-align: top;}

.contL_1>div:nth-of-type(2){position: absolute;right: 15px;bottom: 30px;}
.contL_1>div:nth-of-type(2) span{display: block;}
.contL_1>div:nth-of-type(2) span:nth-of-type(1){width: 65px;height: 22px;line-height: 22px;font-size: 14px;color: #b7b7b7;text-align: center;border-radius: 12px;border: 1px solid #dadada;cursor: pointer;margin-bottom: 2px;}
.contL_1>div:nth-of-type(2) span:nth-of-type(1) i{display: inline-block;width: 19px;height: 18px;background-position: -118px -68px;vertical-align: top;margin: 2px 0 0 0;}
.contL_1>div:nth-of-type(2) span:nth-of-type(2){width: 65px;height: 20px;line-height: 20px;font-size: 12px;color: #b7b7b7;text-align: center;border-radius: 12px;border: 1px solid #dadada;cursor: pointer;}

.contL_2{background-color: #fff;}
.contL_2 ul{height: 60px;margin: 0px 15px;box-shadow: 0 1px 8px 0 rgb(0 0 0 / 15%);border-radius: 6px;position: relative;}
.contL_2 ul li{float: left;width: 160px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #333333;cursor: pointer;}
.contL_2 ul li.current{font-size: 20px;color: #008873;font-weight: bold;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -580px -391px;}
.contL_2 ul li:hover{font-size: 20px;color: #008873;font-weight: bold;}
.contL_2>div{width: 820px;height: 42px;line-height: 42px;font-size: 14px;color: #ff9900;background: #f5f5f5;margin-left: 44px;border-radius: 8px;margin-top: 35px;}
.contL_2>div i{float: left;height: 30px;width: 40px;position: relative;top: -12px;left: -20px;vertical-align: top;background-position: -660px -14px;}
.contL_2>div span{float: left;height: 44px;width: 54px;border-radius: 4px;text-align: center;background: #ffca00;color: #fff;font-size: 16px;padding-top: 10px;line-height: 17px;letter-spacing: 1px;position: relative;top: -10px;margin-right: 13px;box-shadow: 0 5px 8px 0 rgb(255 202 0 / 30%);}
.contL_2>div p{float: left;max-width: 700px;white-space: nowrap;overflow: hidden;}

.contL_3{background-color: #fff;padding-top: 26px;border-radius: 0 0 8px 8px}
.g_title{display: block; width: 96px;height: 52px;line-height: 52px;text-align: center;font-size: 24px;color: #676767;font-weight: bold;margin-bottom: 4px;margin-left: 20px;}
.contL_3 .g_title{background-position: -918px -511px;}
.contL_3 .cont{overflow: hidden;position: relative;padding-top: 3px;margin-bottom: 13px;padding-bottom: 15px;}
.contL_3 .cont p{overflow: hidden;line-height: 30px;margin-left: 20px;width: 846px;color: #666666;font-size: 15px;letter-spacing: 1px;text-indent: 2em;}
.contL_3 .cont h3{width: 846px;margin: 15px 0 20px 15px;font-size: 18px;color: #008873;font-weight: bold;height: 24px;text-indent: 26px;border-bottom: 1px solid #008873;position: relative;}
.contL_3 .cont h3::before{content: "";position: absolute;left: -6px;top: 0;width: 12px;height: 25px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -631px -16px;}
.contL_3 .cont img{display: block;margin: 22px auto 12px;max-width: 638px;border-radius: 6px;}

.yx_uplog_box{position: relative;}
.yx_uplog_box > h3{}
.yx_uplog_box > h3 > span{    display: block;float: right;margin-right: 10px;color: #999;cursor: pointer;font-size: 14px;font-weight: 300;}
.yx_uplog_box .yx_uplog_txt p{font-size: 14px;color: #666;line-height: 22px;margin-bottom: 8px;padding-bottom: 0;text-indent: 0;}
.yx_uplog_box .yx_uplog_txt >p:nth-child(1){font-size: 18px;color: #0b0b2f;height: 30px;line-height: 30px;}
.yx_uplog_box .yx_uplog_txt >div{overflow: hidden;font-size: 15px;color: #666;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;margin-left: 20px;}


.yx_uplog_all{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.yxBox{font-size: 14px;background: #fff;padding-bottom: 25px;max-height: 600px; border-radius: 20px;position: fixed;top: 150px;left: 0;right: 0;margin: auto;width: 600px;z-index: 999;cursor: default;box-shadow: 0 4px 16px rgb(0 0 0 / 40%);overflow: hidden;}
.yxBox p{padding-bottom: 6px;border-bottom: none;}
.yxBox p.yxTit{display: block;text-indent: 0;font-style: normal;height: 50px;line-height: 50px;overflow: hidden;background: #008873;;color: #fff;padding: 0 2px 0 18px;font-size: 20px;border-radius: 20px 20px 0 0;font-weight: bold;}
.yxBox p.yxTit span{float: right;width: 50px;height: 50px;display: block;font-size: 36px;text-align: center;cursor: pointer;font-weight: 400;color: #fff;text-decoration: none;text-indent: 0em;}
.yxBox strong{display: block;padding: 15px 0px 0px;overflow: hidden;color: #454545;line-height: 28px;font-size: 16px;font-weight: bold;border-top: 1px dashed #eee;}
.yxCont{padding: 20px 20px;overflow-y: scroll;max-height: 520px;}
.yxCont>p{font-size: 14px;color: #666;line-height: 22px;margin-bottom: 8px;}
.yxCont>p:nth-child(1){font-size: 20px;color: #0b0b2f;height: 30px;line-height: 30px;font-weight: 600;}
.yxCont div{font-size: 15px;color: #666;line-height: 1.5;}


.contL_4{background-color: #fff;padding-top: 20px;padding-bottom: 20px;border-radius:8px;}
.contL_4 .g_title{background-position: -912px -590px;}
.contL_4 .showImg {width: 781px;height: 431px;padding:22px 32px 0 33px;background-color: #f5f5f5;border-radius: 8px;margin-left: 20px;}
.contL_4 .swiperCont {width: 100%;height: 339px; margin-left: auto; margin-right: auto;border-radius: 8px;}
.contL_4 .swiper-slide {position: relative;text-align: center;}
.contL_4 .gallery-top .swiper-slide video{object-fit: fill;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 339px;width: 100%;opacity: 1;}
.contL_4 .gallery-top .swiper-slide>div{width: 100%;height: 100%;}
.contL_4 .swiper-slide i{display: block;width: 32px;height: 32px;background-position: -259px -126px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;}
.contL_4 .gallery-top .swiper-slide>div img{width: 100%; opacity: 0.9;-o-object-fit: cover;object-fit: cover;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
.contL_4 .gallery-top .swiper-slide>img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 339px;width: auto;opacity: 1;}
.contL_4 .gallery-top {width: 781px;height: 339px;position: relative;}
.contL_4 .swiper-slide i{display: block;width: 32px;height: 32px;background-position: -259px -126px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;}
.contL_4 .showImg .gallery-thumbs {width: 781px;height: 62px;padding: 10px 0 12px;border-radius: 0;}
.contL_4 .showImg .gallery-thumbs .swiper-slide {opacity: 0.8;text-align: center;width: 122px!important;height: 62px;border-radius: 6px;}
.contL_4 .showImg .gallery-thumbs .swiper-slide>div{overflow: hidden;width: 122px!important;height: 62px;border-radius: 6px;}
.contL_4 .showImg .gallery-thumbs .swiper-slide img{width: 100%;height:auto;min-height: 62px;}
.contL_4 .showImg .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.contL_4 .showImg .gallery-thumbs .swiper-slide-thumb-active{border: 3px solid #008873;width: 122px;height: 62px;position: relative;top: -3px;}
.contL_4 .showImg .gallery-thumbs .swiper-slide-thumb-active::before { position: absolute; content: ""; width: 0; height: 0; border-width: 7px; border-color: transparent transparent #008873 transparent; border-style: solid; top: -17px; left: 54px; }
.contL_4 .showImg .gallery-thumbs .swiper-slide-thumb-active img{width: 100%;height: auto;min-height: 62px;}
.contL_4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: linear-gradient(to right, #008873, #0d8674) !important;border-radius: 4px;}
.contL_4 .swiper-pagination {border-radius: 4px;}
.contL_4 .swiper-slide-thumb-active {border: 3px solid #008873 !important;border-radius: 4px;display: block;}
.contL_4 .btnPrev, .contL_4 .btnNext { display: block; position: absolute; right: 0; width: 40px; height: 60px; z-index: 99; background:url(../img/icon.png) no-repeat;background-size:1000px 1000px; background-position: -850px -309px; }
.contL_4 .btnPrev { left: 0; transform: rotate(180deg); }
.contL_4 .btnPrev:hover, .gd4_l .btnNext:hover { opacity: .8; }

.contL_5{margin-top: 20px;padding:20px 0;background-color: #fff;border-radius: 8px;}
.contL_5 .g_title{background-position: -918px -511px;width: 855px;text-align: left;}
.contL_5 .msg{width: 805px;background: #f4f4f4;border-radius: 10px;padding: 18px 20px;margin: 0 0 8px 20px;}
.contL_5 .g_title span{display: block;width: 65px;height: 22px;float: right; line-height: 22px;font-size: 14px;color: #b7b7b7;text-align: center;border-radius: 12px;border: 1px solid #dadada;cursor: pointer;margin: 8px 20px 0 0;}
.contL_5 .g_title span i{display: inline-block;width: 19px;height: 18px;background-position: -118px -68px;vertical-align: top;margin: 2px 0 0 0;}

.contL_5 .msg p{font-size: 15px;color: #666666;line-height: 30px;float: left;width: 392px;white-space: nowrap;overflow: hidden;}
.contL_5 .msg p span{color: #008873;}

.contL_6{position: relative;margin-top: 20px;padding:20px 0;background-color: #fff;border-radius: 8px;}
.contL_6 .g_title{background-position: -907px -659px; position: relative;margin-top: 15px;}
.contL_6 .g_title a{position: absolute;top: 1px;right: -747px;font-size: 9px;color: #c2c2c2;}
.contL_6 .hot{position: absolute;width: 48px;height: 48px;top: 72px;left: 20px;background-position: -580px -56px;}
.contL_6 ul{width: 823px;height: 110px;border: 1px dashed #dddddd;margin: 0 0 7px 20px;padding-top: 20px;}
.contL_6 ul li{float: left;width: 101px;}
.contL_6 ul li:nth-last-child(1){margin-right: 0;}
.contL_6 ul li a{display: block;}
.contL_6 ul li a img{width: 70px;height: 70px;border-radius: 16px;margin: 0 auto;display: block;}
.contL_6 ul li a p{width: 90px;font-size: 14px;line-height: 30px;color: #333333;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 auto;}
.contL_6 ul li:hover a p{color: #008873;}
.contL_6 ul li:hover a img{opacity: .9;}

.gameVer{position: relative;margin-top: 20px;padding: 20px 0;background-color: #fff;border-radius: 8px;}
.gameVer .g_title {background-position: -907px -659px;position: relative;margin-top: 15px;}
.gameVer ul{padding: 0 20px;}
.gameVer ul li a{display: block;overflow: hidden;height: 82px;line-height: 82px;border-radius: 10px;}
.gameVer ul li a img{display: block;float: left;width: 60px;height: 60px;margin:11px;border-radius: 10px;margin-right: 20px; }
.gameVer ul li a p{display: block;float: left;width: 230px;margin-right: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}
.gameVer ul li a span{display: block;float: left;width: 150px;margin-right: 20px;text-align: center;white-space: nowrap;}
.gameVer ul li a span:last-child{float: right;margin-top: 25px;width: 75px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #008873;border: 1px solid #008873;border-radius: 15px;}
.gameVer ul li:hover a span:last-child{background: #008873;color: #fff;}
.gameVer ul li:hover a{background: #f4f4f4;}

.contL_7{position: relative;margin-top: 20px;padding:20px 0;background-color: #fff;border-radius: 8px;}
.contL_7 .g_title{background-position: -915px -299px;height: 42px;position: relative;}
.contL_7 .TabMenu{position: absolute;font-size: 16px;color: #666666;line-height: 30px;right: 0;top: 11px;}
.contL_7 .TabMenu span{display: inline-block;height: 26px;line-height: 26px;border: 1px solid #ededed;text-align: center;padding: 0 10px;font-size: 14px;color: #333333;cursor: pointer;margin-right: 14px;}
.contL_7 .TabMenu span:hover,.contL_7 .TabMenu span.current{color: #fff;border-color: #008873;background: #008873;}
.contL_7 .tabBox{margin-top: 20px;}
.contL_7 .tabBox>div{padding-left:20px;display: none;}
.contL_7 .tabBox>div:nth-child(1){display: block;}
.contL_7 .tabBox>div>a{display: block; height: 136px;width: 846px;margin-bottom: 15px;position: relative;}
.contL_7 .tabBox>div>a img{float: left;width: 277px;height: 135px;border-radius: 8px;margin-right: 21px;}
.contL_7 .tabBox>div>a p:nth-of-type(1){float: left;width: 400px;height: 36px;line-height: 36px;font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 9px;}
.contL_7 .tabBox>div>a:hover p:nth-of-type(1){color: #008873;}
.contL_7 .tabBox>div>a p:nth-of-type(2){float: left;width: 546px;line-height: 26px;font-size: 14px;color: #666666;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.contL_7 li{float: left;}

.contL_7 li a{display: block;position: relative;width: 263px;height: 79px;border-radius: 10px;padding: 10px 0 0 9px;margin-right: 15px;}
.contL_7 li:hover a{transition: all 200ms; top: -3px;}
.contL_7 li:nth-of-type(3n) a{margin-right: 0;}
.contL_7 li a img{float: left;width: 70px;height: 70px;border-radius: 14px;margin-right: 10px;}
.contL_7 li a div{float: left;width: 130px;white-space: nowrap;overflow: hidden;}
.contL_7 li a div p{font-size: 12px;color: #9c9c9c;line-height: 32px;}
.contL_7 li a div p:nth-of-type(1){color: #434343; line-height: 28px;font-size: 14px;}
.contL_7 li a div p:nth-of-type(2){ line-height: 19px;}
.contL_7 li a i{display: none;float: right;width: 28px;height: 28px;border-radius: 50%;margin: 21px 19px 0 0;background-position: -182px -112px;}
.contL_7 li a:hover{background: #e1f0ed;transition: none;}
.contL_7 li a:hover i{display: block;}
.contL_7 li a:hover p:nth-of-type(1){color: #008873;}

/* 右侧 */
.contR{width: 310px;float: left;}

.contR_1{background-color: #fff;padding:28px 0 0 20px;border-radius: 8px;}
.contR_1 ul{margin-top: 20px;padding-right: 20px;}
.contR_1 .tabList{width: 275px;height: 52px;background-position: -522px -185px;}
.contR_1 .tabList span{display:block; float: left;width: 123px;height: 52px;line-height: 52px;color: #fff;font-size: 20px;text-align: center;margin-right: 36px;cursor: pointer;}
.contR_1 .tabList span.current{font-weight: bold;}
.contR_1 .tabList span:nth-of-type(2){width: 116px; margin-right: 0;}
.contR_1 .tabList span i{width: 24px;height: 24px;vertical-align: top;margin: 16px 0 0 8px;display: none;background-position: -464px -50px;}
.contR_1 .tabList span.current i{display: inline-block;}
.contR_1 ul:nth-last-child(1){display: none;}
.contR_1 ul li a{display: block;height: 84px;padding: 22px 0;border-bottom: 1px dashed #eaeaea;position: relative;}
.contR_1 ul li:first-child a{padding-top: 4px;}
.contR_1 ul li a img{float: left;width: 84px;height: 84px;border-radius: 20px;margin-right: 15px;}
.contR_1 ul li a>span{position: absolute;top: 22px;left: 0;width: 36px;height: 16px;line-height: 16px;text-align: center;font-size: 9px;color: #fff;background: #666666;border-radius: 2px;}
.contR_1 ul li:nth-child(1) a>span{top: 4px;background: #ff5a00;}
.contR_1 ul li:nth-child(2) a>span{background: #4ac0d1;}
.contR_1 ul li:nth-child(3) a>span{background: #f9c85b;}
.contR_1 ul li a div{float: left;width: 160px;white-space: nowrap;overflow: hidden;}
.contR_1 ul li a div p:nth-of-type(1){line-height: 18px;font-size: 16px;color: #333333;}
.contR_1 ul li a div p:nth-of-type(2){line-height: 32px;font-size: 14px;color: #888888;margin-bottom: 5px;}
.contR_1 ul li a div>span{display: block;width: 66px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #008873;border: 1px solid #008873;border-radius: 12px;}
.contR_1 ul li a div>span.look{border-color:#ffae00;color: #ffae00;}
.contR_1 ul li:hover a div p:nth-of-type(1){color: #008873;}
.contR_1 ul li:hover a div>span{border: none;width: 68px;height: 24px;color: #fff;background: linear-gradient(to right, #07dbbf, #008873);}
.contR_1 ul li:hover a div>span.look{background: linear-gradient(to right, #ffc900, #ffae00);}
.contR_1 ul li:nth-last-child(1) a{border: none;}
.more{display: block;width: 275px;height: 34px;line-height: 34px;border-radius: 4px;background: #f2f2f2;font-size: 14px;color: #888888;text-align: center;}
.more:hover{background-color: #008873;color: #fff;}

.contR_2{padding-left: 15px ;background-color: #fff;margin-top: 20px;border-radius: 8px;}
.contR_2 .Title i{background-position: -419px -49px;width: 26px;}
.contR_2 ul{margin-top: 23px;}
.contR_2 ul li{float: left;margin: 0 32px 7px 0;}
.contR_2 ul li:nth-child(3n){margin-right: 0;}
.contR_2 ul li a{display: block;width: 70px;height: 109px;}
.contR_2 ul li a img{display: block;width: 70px;height: 70px;border-radius: 14px;}
.contR_2 ul li a p{text-align: center; line-height: 40px;font-size: 14px;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contR_2 ul li:hover a p{color:#008873;}

.contR_3{background-color: #fff;padding-left: 15px;padding-bottom: 15px; margin-top: 20px;border-radius: 8px;}
.contR_3 .Title i{background-position: -374px -51px;top: 16px;}
.contR_3 ul{margin-top: 17px;}
.contR_3 ul li a{display: block;width: 275px;height: 151px;border-radius: 6px;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);margin-bottom: 15px;}
.contR_3 ul li a img{display: block;width: 275px;height: 118px;border-radius: 6px 6px 0 0;}
.contR_3 ul li a p{width: 275px;line-height: 33px;font-size: 14px;color: #4b4b4b;text-align: left;text-indent: 12px;white-space: nowrap;overflow: hidden;}
.contR_3 ul li:hover a p{color: #008873;}


/* --------------攻略列表----------------- */
.glContL{width: 866px;border-radius: 8px;margin-bottom: 23px;float: left;margin-top: 49px;margin-right:18px;}
.glbgc{background-color: #fff;box-shadow: 0.6px 0.9px 5px rgb(0 0 0 / 6%);}
.glContL .gl_Title{height: 71px;font-size: 30px;color: #4b4b4b;font-weight: bolder;}
.glContL .gl_Title i{display: block;width: 30px;height: 30px;float: left;margin: 21px 9px 0 20px;background-position: -374px -96px;}
.glContL .gl_Title p{float: left;height: 71px;line-height: 71px;}
.glContL .page{width: auto;}

.glContL> ul li a{display: block;width: 818px;height: 185px;padding: 20px 27px 0 21px;}
.glContL> ul li a img{display: block;float: left;width: 261px;height: 165px;border-radius: 8px;margin-right: 27px;}
.glContL> ul li a div{float: left;}
.glContL> ul li a div p:nth-of-type(1){font-size: 20px;color: #262626;font-weight: bold;width: 530px;height: 32px;line-height: 32px;overflow: hidden;white-space: nowrap;margin-bottom: 16px;}
.glContL> ul li a div p:nth-of-type(2){font-size: 14px;color: #888888;line-height: 26px;width: 530px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 12px;}
.glContL> ul li a div p:nth-of-type(3){height: 22px;line-height: 22px;font-size: 12px;color: #888888;}
.glContL> ul li a div p:nth-of-type(3) span:nth-child(2){padding: 0 29px;}
.glContL> ul li:hover a div p:nth-of-type(1){color: #008873;}
.glContL> ul li:hover a{background-color: #f9f9f9;}

.glContR{width: 315px;float: left;margin-top: 49px;}
.glContR_1{border-radius: 10px;padding: 14px 20px 24px;background-color: #fff;margin-bottom: 19px;box-shadow: 0.6px 0.9px 5px rgb(0 0 0 / 6%);}
.glContR_1 .Title i{background-position:  -478px -98px;}
.glContR_1 ul li a{display: block;width: 274px;height: 80px;border-bottom: 1px dashed #f3f3f3;padding: 15px 0;}
.glContR_1 ul li a img{display: block;float: left;width: 108px;height: 80px;border-radius: 8px;margin-right: 19px;}
.glContR_1 ul li a p:nth-of-type(1){float: left;width: 146px;line-height: 25px;font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 18px;font-weight: bold;}
.glContR_1 ul li a p:nth-of-type(2){float: left;width: 146px;line-height: 12px;font-size: 12px;color: #bdbdbd;overflow: hidden;white-space: nowrap;}
.glContR_1 ul li:hover a p:nth-of-type(1){color: #008873;}
.glContR_1 ul li:nth-last-child(1) a{border: none;}

.newRank{border-radius: 10px;padding: 14px 20px 24px;background-color: #fff;margin-bottom: 19px;box-shadow: 0.6px 0.9px 5px rgb(0 0 0 / 6%);}
.newRank .Title i{background-position:  -428px -98px;}
.newRank ul li a{display: block;width: 274px;height: 109px;border-bottom: 1px dashed #f3f3f3;padding-top: 19px;overflow: hidden;}
.newRank ul li a img{display: block;float: left;width: 84px;height: 84px;border-radius: 18px;margin-top: 5px;margin-right: 15px;}
.newRank ul li a div{float: left; height: 87px;width: 174px;}
.newRank ul li a div p:nth-of-type(1){float: left;width: 174px;line-height: 27px;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;}
.newRank ul li a div p:nth-of-type(1) span{display: inline-block;height: 16px;line-height: 16px;text-align: center;border-radius: 4px;background-color: #ff5a00;padding: 0 6px;margin-left: 9px;color: #fff;font-size: 9px;}
.newRank ul li a div p:nth-of-type(2){float: left;width: 174px;line-height: 22px;font-size: 14px;color: #888;overflow: hidden;white-space: nowrap;margin-bottom: 14px;}
.newRank ul li a div p:nth-of-type(3){float: left;height: 24px;font-size: 12px;color: #a7a7a7;white-space: nowrap;overflow: hidden;}
.newRank ul li a div p:nth-of-type(3) span{display: inline-block;height: 24px;line-height: 24px;text-align: center;border-radius: 4px;background-color: #f7f7f7;padding: 0 5px;margin-right: 10px;}
.newRank ul li:nth-last-child(1) a{border: none;}
.newRank ul li:hover a div p:nth-of-type(1){color: #008873;}

.hotGm{padding:14px 20px 18px;background-color: #fff;border-radius:10px}
.hotGm .Title i{background-position: -419px -49px;width: 26px;}
.hotGm ul{margin-top: 23px;}
.hotGm ul li{float: left;margin: 0 32px 7px 0;}
.hotGm ul li:nth-child(3n){margin-right: 0;}
.hotGm ul li a{display: block;width: 70px;height: 109px;}
.hotGm ul li a img{display: block;width: 70px;height: 70px;border-radius: 14px;}
.hotGm ul li a p{text-align: center; line-height: 40px;font-size: 14px;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hotGm ul li:hover a p{color:#008873;}

.hotHj{margin-top: 15px; padding:14px 20px 18px;background-color: #fff;border-radius:10px}
.hotHj .Title i{background-position: -374px -51px;top: 16px;}
.hotHj ul{margin-top: 17px;}
.hotHj ul li a{display: block;width: 275px;height: 151px;border-radius: 6px;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);margin-bottom: 15px;}
.hotHj ul li a img{display: block;width: 275px;height: 118px;border-radius: 6px 6px 0 0;}
.hotHj ul li a p{width: 275px;line-height: 33px;font-size: 14px;color: #4b4b4b;text-align: left;text-indent: 12px;white-space: nowrap;overflow: hidden;}
.hotHj ul li:hover a p{color: #008873;}
/* ---------------------攻略内容--------------------- */
.glContL .gl_cont{width: 100%;background-color: #fff;border-radius: 8px 8px 0 0;padding-bottom: 20px;}
.glContL .gl_cont h1{text-align: center;color: #333333;font-size: 30px;line-height: 46px;padding-top: 42px;font-weight: bold;margin-bottom: 17px;}
.glContL .gl_cont P{text-indent: 34px;color: #444444;font-size: 14px;letter-spacing: 1px;line-height: 30px;padding: 0 17px 0 23px;}
.glContL .gl_cont P:nth-of-type(1){text-indent: 0;color: #888888;font-size: 14px;text-align: center;line-height: 22px;margin: 0 2px 21px;padding-bottom: 25px;border-bottom: 1px solid #f6f6f6;}
.glContL .gl_cont P:nth-of-type(1) span{padding-right: 34px;}
.glContL .gl_cont h3{line-height: 45px;color: #444444;font-size: 20px;padding-left: 54px;font-weight: bold;}
.glContL .gl_cont img{display: block;margin: 0 auto;padding: 10px 0;}

.gl_cont2{background-color: #fff;border-radius: 0 0 8px 8px;height: 170px;}
.gl_cont2 .gl_rec{width: 808px;height: 130px;border-radius: 6px;padding: 20px 0 0 15px;margin:  0 auto 34px;background: url(../img/sgbg1.jpg);}
.gl_cont2 .gl_rec img{display: block;float: left;width: 110px;height: 110px;border-radius: 18px;margin-right: 24px;}
.gl_cont2 .gl_rec div{float: left;width: 476px;}
.gl_cont2 .gl_rec div p:nth-of-type(1){font-size: 18px;line-height: 38px;color: #4b4b4b;white-space: nowrap;overflow: hidden;}
.gl_cont2 .gl_rec div p:nth-of-type(2){font-size: 14px;line-height: 38px;color: #5a5a5a;}
.gl_cont2 .gl_rec div p:nth-of-type(2) span{padding-right: 45px;}
.gl_cont2 .gl_rec div p:nth-of-type(2) span em{font-size: 14px;line-height: 38px;color: #999999;}
.gl_cont2 .gl_rec div p:nth-of-type(3){font-size: 14px;line-height: 35px;color: #999999;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gl_cont2 .gl_rec div p:nth-of-type(3) span{display: inline-block;height: 20px;line-height: 20px;text-align: center;padding: 0 6px 0 8px;font-size: 14px;color: #ef8692;border: 1px solid #ef8692;margin-right: 5px;border-radius: 10px;}
.gl_cont2 .gl_rec div p:nth-of-type(3) span:nth-of-type(2){ color: #f4a76d; border: 1px solid #f4a76d; }
.gl_cont2 .gl_rec div p:nth-of-type(3) span:nth-of-type(3){ color: #4fb3ff; border: 1px solid #4fb3ff; }
.gl_cont2 .gl_rec div p:nth-of-type(3) span:nth-of-type(4){ color: #93d877; border: 1px solid #93d877; }

.gl_cont2 .gl_rec a{display: block;float: left;width: 168px;height: 34px;font-size: 14px;color: #fff;line-height: 34px;text-align: center;border-radius: 16px;margin-top: 35px;box-shadow: 2.5px 4.5px 8px 0 rgb(255 0 0 / 19%);background: linear-gradient(to right, #07dbbf, #008873);}
.gl_cont2 .gl_rec a i{display: inline-block;width: 16px;height: 14px;background-position: -288px -41px;position: relative;top: 2px;margin-right: 8px;}

.gl_cont3{padding: 21px 0 36px 23px;border-radius: 8px;background-color: #fff;margin-top: 17px;}
.gl_cont3 .g_title{background-position: -914px -244px;margin: 0;}
.gl_cont3 ul li a{float: left;line-height: 29px;font-size: 14px;color: #4e4e4e;width: 378px;margin-right: 41px;white-space: nowrap;overflow: hidden;}
.gl_cont3 ul li a:hover{color: #008873;}
.gl_cont3 ul li a i{display: inline-block;width: 8px;height: 8px;margin-right: 8px; border-radius: 50%; background: linear-gradient(to right, #07dbbf, #008873);}

.gl_cont4{padding: 21px 0 15px 23px;border-radius: 8px;background-color: #fff;margin-top: 17px;}
.gl_cont4 .g_title{margin: 0; background-position:-915px -299px;}
.gl_cont4 ul li{position: relative;top: 0;}
.gl_cont4 ul li:hover{transition: all 200ms;top: -3px;}
.gl_cont4 ul{width: 850px;overflow: hidden;padding-top: 3px;}
.gl_cont4 ul li{float: left;width: 263px;height: 106px;margin: 0 19px 18px 0;}
.gl_cont4 ul li a{transition: all .3s linear; position: relative;display: block;padding: 10px;float: left;border: 1px solid #e6e6e6;border-radius: 8px;}
.gl_cont4 ul li a img{float: left;width: 84px;height: 84px;border-radius: 16px;margin-right: 10px;}
.gl_cont4 ul li:hover a img{opacity: .9;}
.gl_cont4 ul li:hover a div:nth-of-type(1) p{color: #008873;}
.gl_cont4 ul li a div{float: left;width: 147px;height: 84px;overflow: hidden;}
.gl_cont4 ul li a div p,.TabCont ul li a div span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gl_cont4 ul li a div p{font-size: 16px;color: #000;line-height: 30px;margin-top: 5px;}
.gl_cont4 ul li a div span{display: block;font-size: 12px;color: #999;line-height: 20px;}
.gl_cont4 ul li a >span{position: absolute;top: 58px;right: -1px;width: 58px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #fff;border-radius: 12px 0 0 12px;background-color: #008873;}
.gl_cont4 ul li a >span i{display: inline-block;width: 12px;height: 12px;background-position: -58px -60px;margin-right: 2px;position: relative;top: 1px;}
.gl_cont4 ul li:hover a >span{background: linear-gradient(to right, #008873, #008873);}

.Hot{border-radius: 10px;padding: 14px 20px 24px;background-color: #fff;margin-bottom: 19px;}
.Hot .Title i{background-position: -478px -98px;}
.Hot ul li a{display: block;border-bottom: 1px dashed #f3f3f3;height: 72px;color: #444444;font-size: 14px;padding-top: 16px;}
.Hot ul li a span{float: left;width: 14px;height: 16px;line-height: 16px;text-align: center;border: 1px solid #b4b4b4;color: #a4a4a4;font-size: 11px;border-radius: 2px;margin: 5px 9px 0 0;}
.Hot ul li a p{float: left;width: 142px;line-height: 24px;text-align: left;color: #686868;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Hot ul li:hover a p{color: #008873;}
.Hot ul li a img{float: left;width: 86px;height: 58px;border-radius: 2px;margin-left: 21px;}
.Hot ul li:nth-last-child(1) a{border: none;}


/* --------------------专题---------------------- */
.ztList{position: relative;width: 1200px;padding: 10px 0;margin-top: 43px;}
.ztList ul{width: 1240px;}
.ztList ul li{float: left;width: 380px;margin: 0 30px 27px 0;border-radius: 7px;background-color: #fff;position: relative;box-shadow: 0.5px 0.9px 5px 0 rgb(37 25 25 / 6%);}
.ztList ul li a{display: block;position: relative;}
.ztList ul li a img{display: block;width: 380px;height: 168px;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.ztList ul li a em{display: block;position: absolute;bottom: 0;right: 0;padding: 0 10px;font-size: 14px;color: #fff;line-height: 30px;}
.ztList ul li a div{padding-bottom: 23px;border-radius: 0 0 7px 7px;position: relative;}
.ztList ul li a div span:nth-child(2){display: block;position: absolute;top: 2px;right: 10px;color: #999;}
.ztList ul li a div p:nth-child(1){display: block;margin: 20px 0 16px;font-size: 20px;color: #4b4b4b;line-height: 20px;font-weight: bold;padding-left: 10px;border-left: 4px solid #008873;width: 235px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ztList ul li a div p:nth-child(3){display: block;padding: 0 14px;height: 70px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;}
.ztList ul li a div span:nth-child(4){display: block;width: 86px;height: 36px;text-align: center;font-size: 14px;color: #555555;line-height: 36px;margin: 17px auto 0;border: 1px solid #eaeaea;border-radius: 2px;}
.ztList ul li:hover{box-shadow: 0.5px 0.9px 15px 0 rgb(0 0 0 / 15%);}
.ztList ul li:hover img{opacity: .9;}
.ztList ul li:hover a div span:nth-child(4){color: #fff;background-color: #ffca00;border-color: #ffca00;box-shadow: 0px 6px 8px #fff0b9;}

/* -------------------专题内容--------------------- */
.bgBox{position: relative;height: 264px;width: 100%;overflow: hidden;top: -5px;}
.bgBox .lbg{position: relative;height: 264px;width: 100%;overflow: hidden;background-size: cover;background-repeat: no-repeat;-webkit-filter: blur(10px);filter: blur(10px);background-position: 0rem -200px;}
.bgBox .lbgmask{height: 264px;}

.ztHead{margin-top: 53px; background: #fff;overflow: hidden;padding: 40px 35px 40px 40px;border-radius: 12px;position: relative;box-shadow: 0.6px 0.9px 5px rgb(0 0 0 / 6%);}
.ztHead img{width: 370px;height: 204px;display: inline-block;float: left;}
.ztHead>div{float: left;width: 735px;margin-left: 20px;}
.ztHead>div h1{font-size: 28px;font-weight: 600;color: #333;margin-top: 12px;white-space: nowrap;height: 25px;}
.ztHead>div>p{font-size: 14px;color: #888;margin-top: 32px;max-width: 500px;display: inline-block;}
.ztHead>div>p em{color: #dedede;margin: 0 20px;font-size: 10px;}
.ztHead>div>p span{font-size: 32px;color: #008873;font-weight: 600;margin-right: 12px;}
.ztHead>div>p span:nth-of-type(2){font-size: 12px;font-weight: normal;color: #888888;}
.ztHead>div>p span:nth-of-type(2) i{display: inline-block;width: 14px;height: 14px;background-position: -489px -22px;margin-right: 8px;position: relative;top: 3px;}
.ztHead>div>div{font-size: 14px;height: 90px; color: #888;display: block;line-height: 30px;overflow: hidden;margin-top: 17px;overflow-y: scroll;}

.ztMain{margin-top: 20px;}
.ztMain a{background-color: #fff;top: 0; position: relative;float: left;width: 351px;margin: 0 28px 22px 0;border-radius: 8px;padding: 16px 15px;overflow: hidden;}
.ztMain a:hover{transition: all 200ms;top: -3px;}
.ztMain li:nth-child(3n) a{margin-right: 0;}
.ztMain a img{width: 110px;height: 110px;border-radius: 12px;float: left;margin-right: 24px;}
.ztMain a>div{float: left;width: 216px;height: 110px;}
.ztMain a>div p{font-size: 14px;color: #999;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztMain a>div p:nth-of-type(1){font-size: 18px;color: #4b4b4b;height: 40px;line-height: 40px;font-weight: 700;}
.ztMain a>div p span{color: #666;margin: 0 5px;}
.ztMain a>div>span{display: block;font-size: 14px;color: #008873;width: 108px;height: 28px;line-height: 28px;border: 1px solid #008873;border-radius: 15px;text-align: center;margin-top: 15px;}
.ztMain a>div>span i{display: inline-block;width: 12px;height: 12px;background-position: -58px -80px;position: relative;top: 1px;margin-right: 3px;}
.ztMain a>div>span.look{color: #ffca00 !important;border-color: #ffca00 !important;}
.ztMain a:hover>div>span.look{color: #fff !important;background: #ffca00 !important;box-shadow: 0px 5px 5px rgb(255 224 141 / 90%) !important;}
.ztMain a>div>span.look i{width: 16px; background-position: -78px -80px;}
.ztMain a:hover>div>span.look i{background-position: -78px -61px;}
.ztMain a:hover>div>span i{background-position: -58px -60px;}
.ztMain a>p{float: left;display: block;line-height: 22px;height: 66px;font-size: 14px;color: #888;padding-top: 10px;letter-spacing: .5px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ztMain a:hover img{opacity: .9;}
.ztMain a:hover >div p:nth-of-type(1){color: #008873;}
.ztMain a:hover >div> span{background: linear-gradient(to right,  #07dbbf, #008873);color: #fff;}
.ztMain a>i{position: absolute;width: 36px;height: 32px;top: -2px;right: -2px;}
.ztMain li:nth-of-type(1) a>i{background-position: -15px -110px;}
.ztMain li:nth-of-type(2) a>i{background-position: -68px -110px;}
.ztMain li:nth-of-type(3) a>i{background-position: -123px -110px;}
.ztMain ul li:nth-of-type(1) a{border-top: 1px solid #ff7272;}
.ztMain ul li:nth-of-type(2) a{border-top:1px solid #bed627;;}
.ztMain ul li:nth-of-type(3) a{border-top:1px solid #ffa826;}
.zthMain ul li a div>span{display: block;font-size: 14px;width: 108px;height: 28px;line-height: 28px;border-radius: 15px;text-align: center;margin-top: 15px;}
.zthMain ul li a div>span.down{color: #008873;border: 1px solid #008873;}
.zthMain ul li a div>span i{display: inline-block;width: 12px;height: 12px;background-position: -58px -60px;position: relative;top: 1px;margin-right: 3px;}

.HotTags{overflow: hidden;width: 1160px;margin: auto;background-color: #fff;padding: 20px;margin-bottom: 20px;}
.HotTags div:nth-child(1){padding: 6px 0;overflow: hidden;}
.HotTags div:nth-child(1) a{float: right;display: block;}
.HotTags div:nth-child(1) a i{display: block;width: 18px;height: 18px;background-position: -13px -37px;border: 1px solid #ddd;}
.HotTags div:nth-child(1) em{float: left;display: block;padding: 0 6px;height: 20px;line-height: 20px;font-size: 20px;color: #4b4b4b;border-left: 5px solid #008873;}
.HotTags div:nth-last-child(1){margin-top: 10px;overflow: hidden;}
.HotTags div:nth-last-child(1) a{display: block;text-align: center; width: 90px;overflow: hidden;white-space: nowrap; float: left;margin: 10px 20px 5px 0;padding: 0 10px;line-height: 32px;background-color: #a8d7ff;border-radius: 4px;font-size: 14px;color: #1fde67;text-overflow: ellipsis;}
.HotTags div:nth-last-child(1) a:hover{transition: none;}
.HotTags div:nth-last-child(1) a:nth-of-type(9n){margin-right: 0;}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+1){color: #f47920;background-color: #fff5ed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+2){color: #7fb80e;background-color: #f9ffed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+3){color: #6f60aa;background-color: #f1edff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+4){color: #009ad6;background-color: #edfaff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+5){color: #c77eb5;background-color: #ffedfb}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+6){color: #4e72b8;background-color: #edf3ff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+7){color: #dea32c;background-color: #fff9ed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+8){color: #45b97c;background-color: #edfff5}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+9){color: #7bbfea;background-color: #edf8ff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+10){color: #f1516c;background-color: #ffedf0}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+11){color: #7fb86e;background-color: #f1ffed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+12){color: #9b95c9;background-color: #efedff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+13){color: #f69c9f;background-color: #ffedee}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+14){color: #fcaf18;background-color: #fff9ed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+15){color: #2585a6;background-color: #edfbff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+16){color: #bea901;background-color: #fbf9e3}

.HotTags div:nth-last-child(1) a:nth-of-type(16n+1):hover{color: #fff5ed;background-color: #f47920}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+2):hover{color: #f9ffed ;background-color:#7fb80e}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+3):hover{color: #f1edff ;background-color:#6f60aa}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+4):hover{color: #edfaff ;background-color:#009ad6}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+5):hover{color: #ffedfb ;background-color:#c77eb5}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+6):hover{color: #edf3ff ;background-color:#4e72b8}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+7):hover{color: #fff9ed ;background-color:#dea32c}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+8):hover{color: #edfff5 ;background-color:#45b97c}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+9):hover{color: #edf8ff ;background-color:#7bbfea}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+10):hover{color: #ffedf0;background-color:#f1516c}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+11):hover{color: #f1ffed;background-color:#7fb86e}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+12):hover{color: #efedff;background-color:#9b95c9}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+13):hover{color: #ffedee;background-color:#f69c9f}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+14):hover{color: #fff9ed;background-color:#fcaf18}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+15):hover{color: #edfbff;background-color:#2585a6}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+16):hover{color: #fbf9e3;background-color:#bea901}

/* -------------------------排行榜------------------------------- */
.rankBg{ height: 320px;background: url(../img/rankbg.png) no-repeat;background-position: top center;}

.rankBox{ box-shadow: 0.5px 0.86px 6px 0 rgb(0 0 0 / 6%);margin-top: -56px;}
.rankBox>div{height: 80px;line-height: 80px;white-space: nowrap;overflow: hidden;}
.rankBox>div a{float: left;display: block;height: 100%;font-size: 18px;color: #666;width: 170px;height: 80px;line-height: 80px;text-align: center;position: relative;}
.rankBox>div a.current{ color: #008873;height: 80px;background-color: #fff;line-height: 80px;position: relative;z-index: 2;border-radius: 10px 10px 0 0;}
.rankBox>div a:hover{color: #008873;}
.rankBox>div a span{position: absolute;right: -4px;font-size: 20px;color: #d6cdcc;}
.rankBox>div a.current span{display: none;}

.rankBox ul{background: #fff;padding-bottom: 20px;}
.rankBox ul li{overflow: hidden;padding: 0 35px;}
.rankBox ul li a{display: block;float: left; border-bottom: 1px solid #e6e6e6;width: 1130px;height: 119px;padding: 32px 0 36px;}
.rankBox ul li:nth-last-child(1) a{border: none;}
.rankBox ul li a>i{display: inline-block;float: left;position: relative;width: 42px;height: 42px;margin: 36px 32px 31px 24px;background-position: -158px -939px;}
.rankBox ul li a>i em{font-size: 16px;color: #999;position: absolute;top: 11px;left: 16px;}
.rankBox ul li:nth-of-type(1) a>i{width: 48px;height: 60px;margin: 28px 28px 31px 21px; background-position: 0 -939px;}
.rankBox ul li:nth-of-type(2) a>i{width: 48px;height: 60px;margin: 28px 28px 31px 21px; background-position: -53px -939px;}
.rankBox ul li:nth-of-type(3) a>i{width: 48px;height: 60px;margin: 28px 28px 31px 21px; background-position: -106px -939px;}
.rankBox ul li a img{width: 119px;height: 119px;display: inline-block;float: left;border-radius: 14px;}
.rankBox ul li a div{float: left;margin-left: 35px;width: 700px;}
.rankBox ul li a div p:nth-of-type(1){font-size: 18px;line-height: 20px;font-weight: 600;color: #4b4b4b;max-width: 700px;white-space: nowrap;overflow: hidden;}
.rankBox ul li a div p:nth-of-type(2){line-height: 36px;}
.rankBox ul li a div p:nth-of-type(2) span{font-size: 14px;color: #a5a8b1;}
.rankBox ul li a div p:nth-of-type(3){font-size: 14px;line-height: 16px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rankBox ul li a div p:nth-of-type(4){font-size: 12px;margin-top: 29px;height: 20px;white-space: nowrap;overflow: hidden;}
.rankBox ul li a div p:nth-of-type(4) span{border: 1px solid;line-height: 20px;text-align: center;padding: 0 8px;border-radius: 14px;margin: 0 3px;}
.rankBox ul li a div p:nth-of-type(4) span:nth-child(1) {border-color: #ef8692;color: #ef8692;}
.rankBox ul li a div p:nth-of-type(4) span:nth-child(2) {border-color: #f4a76d;color: #f4a76d;}
.rankBox ul li a div p:nth-of-type(4) span:nth-child(3) {border-color: #4fb3ff;color: #4fb3ff;}
.rankBox ul li a div p:nth-of-type(4) span:nth-child(4) {border-color: #93d877;color: #93d877;}
.rankBox ul li a>span{display: block;float: left;}
.rankBox ul li a>span i{width: 56px;height: 56px;display: inline-block;background-position: -892px -731px;margin: 35px 42px 28px 72px;}
.rankBox li:hover{background: #f9f9f9;}
.rankBox li:hover a div p:nth-of-type(1){color: #008873 !important;}
.rankBox li:hover a>span i{ background-position: -948px -731px;}



/* ---------------首页----------------- */
.indexCont1{height: 326px;background: #fff;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);margin: 18px 0 16px 0;}
.indexCont1 .tabMenu{font-size: 0; height: 65px;line-height: 65px;position: relative;border-bottom: 2px solid #008873;}
.indexCont1 .tabMenu>i:nth-of-type(1){ position: absolute;width: 48px;height: 48px;top: 0;left: 0;background-position: -580px -56px;}
.indexCont1 .tabMenu span{float: left;width: 119px;font-size: 20px;color: #4b4b4b;font-weight: bold;cursor: pointer;}
.indexCont1 .tabMenu span:nth-of-type(1){margin-left: 58px;}
.indexCont1 .tabMenu span.current{color: #008873;}
.indexCont1 .tabMenu span:hover{color: #008873;}
.indexCont1 .tabMenu span:nth-of-type(1)>i{display: inline-block;width: 24px;height: 24px;vertical-align: top;margin: 22px 9px 0 0;background-position: -170px -268px;}
.indexCont1 .tabMenu span:nth-of-type(1).current>i{background-position: -169px -233px;}
.indexCont1 .tabMenu span:nth-of-type(1):hover>i{background-position: -169px -233px;}
.indexCont1 .tabMenu span:nth-of-type(2)>i{display: inline-block;width: 20px;height: 23px;vertical-align: top;margin: 22px 9px 0 0;background-position: -216px -234px;}
.indexCont1 .tabMenu span:nth-of-type(2).current>i{background-position: -214px -268px;}
.indexCont1 .tabMenu span:nth-of-type(2):hover>i{background-position: -214px -268px;}
.indexCont1 .tabMenu em{float: left;width: 54px;text-align: center;font-size: 14px;color: #e7eaf0;}
.indexCont1 .tabMenu>i:nth-of-type(2){position: absolute;bottom: 0;left: 110px;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent #008873 transparent;transition: all 0.5s;}
.indexCont1 .tabMenu>i:nth-of-type(2) i{position: absolute;bottom: -12px;left: -9px;width: 0;height: 0;border-width: 9px;border-style: solid;border-color: transparent transparent #fff transparent;}

.indexCont1 .tabList ul{border-bottom: 1px dashed #e2e2e2;margin: 19px 8px 5px 20px;display: none;}
.indexCont1 .tabList ul:nth-child(1){display: block;}
.indexCont1 .tabList ul li{float: left;margin-right: 33px;}
.indexCont1 .tabList li a{display: block;}
.indexCont1 .tabList li a:hover p{color: #008873;}
.indexCont1 .tabList li a img{display: block;width: 100px;height: 100px;border-radius: 18px;}
.indexCont1 .tabList li a p{width: 100px;line-height: 36px;font-size: 14px;color: #4b4b4b;white-space: nowrap;overflow: hidden;text-align: center;margin-bottom: 6px;}
.indexCont1 .tabList li:nth-last-child(1){margin-right: 0;}

.indexCont1 .fontList p{width: 1150px;height: 41px;line-height: 41px;font-size: 16px;color: #dddddd;white-space: nowrap;overflow: hidden;margin-left: 20px;}
.indexCont1 .fontList p em{font-size: 17px;color: #4b4b4b;}
.indexCont1 .fontList p em i{display: inline-block;width: 9px;height: 13px;background-position: -266px -238px;vertical-align: top;margin: 15px 5px 0 6px;}
.indexCont1 .fontList p a{font-size: 12px;color: #444444;padding: 0 12px;}
.indexCont1 .fontList p a:hover{color: #008873;}

.indexCont2{height: 322px;background: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);margin: 18px 0 16px 0;}
.indexCont2 .slideIndex{width: 516px;height: 284px;position: relative;margin: 0 25px 0 20px;padding-top: 17px;overflow: hidden;float: left;border-radius: 8px;}


.indexCont2 .main{float: left;width: 407px;margin: 7px 33px 0 0;}
.indexCont2 .main a{display: block;position: relative;height: 38px;line-height: 38px;font-size: 17px;color: #4b4b4b;padding-right: 50px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexCont2 .main a.top{display: block;height: 70px;line-height: 70px;font-size: 21px;color: #f7343e;padding-left: 50px;position: relative;text-indent: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #f3f3f3;}
.indexCont2 .main a span{font-size: 13px;color: #888888;position: absolute;right: 0;}
.indexCont2 .main a.top span{position: absolute;width: 50px;height: 50px;line-height: 50px;top: 10px;left: 0;font-size: 12px;color: #fff;background: #f7343e;text-align: center;text-indent: 0;}
.indexCont2 .main .red{color: #f7343e;}
.indexCont2 .main a:hover{color: #f7343e;}
.indexCont2 .main a.top:hover{border-color: #f7343e;}

.indexCont2 .right{float: left;}
.indexCont2 .right div{width: 180px;height: 52px;line-height: 52px;font-size: 18px;color: #4b4b4b;}
.indexCont2 .right div i{float: left;width: 5px;height: 20px;background: #ff5a38;margin: 17px 7px 0 0;}
.indexCont2 .right div a{float: right;border: 1px solid #dddddd;width: 22px;height: 22px;background-position: -11px -35px;margin-top: 17px;}
.indexCont2 .right>a{display: block;position: relative;margin-bottom: 13px;overflow: hidden;}
.indexCont2 .right>a img{display: block;width: 180px;height: 75px;}
.indexCont2 .right>a p{width: 100%;font-size: 14px;color: #fff;position: absolute;height: 28px;line-height: 28px;bottom: 0;left: 0;background: #00000080;white-space: nowrap;overflow: hidden;text-align: center;}
.indexCont2 .right>a:hover img{transition: all 0.5s;transform: scale(1.1);}

.indexCont2 .slider{float: left; width: 516px;height:284px;position: relative;border-radius: 8px;overflow: hidden;margin: 0 25px 0 20px;padding-top: 17px;}
.indexCont2 .slider ul{position: relative;overflow: hidden;width: 1548px;}
.indexCont2 .slider ul li{width: 516px;height:284px;float: left;position: relative;}
.indexCont2 .slider li img{width: 516px;height:284px;border-radius: 8px;}
.indexCont2 .slider li p{display: block;width: 496px;height: 42px;line-height: 20px;text-align: center;position: absolute;bottom: 0;padding: 10px;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;background: rgba(0,0,0,.6);}
.indexCont2 .slider >div{position: absolute;bottom: 8px;left: 0;right: 0;margin: auto;width: 200px;height: 20px;text-align: center;overflow: hidden;}
.indexCont2 .slider >div i{display: inline-block;width: 8px;height: 8px;overflow: hidden;margin: 6px 4px;background-color: rgba(255,255,255,.4);border-radius: 8px;}
.indexCont2 .slider >div i.current{width: 43px;}

.indexCont3{height: 510px;background: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);padding: 27px 0 0 21px;position: relative;margin-bottom: 18px;}
.indexTit{width: 121px;height: 32px;line-height: 32px;font-size: 30px;color: #4b4b4b;font-weight: bold;text-align: end;padding-top: 13px;}
.indexCont3 .indexTit{background-position: -908px -807px;}
.indexCont3>ul{position: absolute;top: 38px;left: 150px;}
.indexCont3>ul li{float: left;line-height: 31px;font-size: 15px;color: #999;border-bottom: 3px solid transparent;margin: 0 13px;cursor: pointer;}
.indexCont3>ul li.current{color: #008873;border-color: #008873;}
.indexCont3>ul li:hover{color: #008873;border-color: #008873;}
.indexCont3>ul li:first-child{margin: 0 22px;}
.mores{position: absolute;top: 38px;right: 20px;line-height: 31px;font-size: 14px;color: #676767;}
.mores:hover{color: #008873;}
.indexCont3 .gameappBox{float: left;margin-top: 8px;}
.indexCont3 .gameappBox ul{display: none;}
.indexCont3 .gameappBox ul:first-child{display: block;}
.indexCont3 .gameappBox ul li{float: left;margin: 20px 20px 0 0;width: 98px;}
.indexCont3 .gameappBox ul li a{display: block;}
.indexCont3 .gameappBox ul li a img{display: block;width: 98px;height: 98px;border-radius: 16px;}
.indexCont3 .gameappBox ul li a p{width: 98px;line-height: 32px;font-size: 14px;color: #4b4b4b;white-space: nowrap;overflow: hidden;text-align: center;}
.indexCont3 .gameappBox ul li:nth-of-type(10n){margin-right: 0;}
.indexCont3 .gameappBox ul li:hover a p{color: #008873;}


.indexCont3 .Recommend{float: left;width: 266px;height: 430px;border: 1px solid #80e2c4;margin-top: 27px;border-radius: 8px;}
.indexCont3 .Recommend>p{height: 40px;line-height: 40px;font-size: 18px;color: #fff;text-align: center;background: #01c689;border-radius: 8px 8px 0 0;position: relative;}
.indexCont3 .Recommend>p i{position: absolute;bottom: -12px;left: 126px;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: #01c689 transparent transparent transparent;}
.indexCont3 .changeBox>div a{display: block;width: 235px;height: 102px;position: relative;margin: 15px auto 0;overflow: hidden;}
.indexCont3 .changeBox>div a img{display: block;width: 235px;height: 102px;}
.indexCont3 .changeBox>div a div{position: absolute;bottom: 0;left: 0;width: 235px;height: 102px;white-space: nowrap;overflow: hidden;background: #00000080;text-align: center;position: relative;top: -28px;}
.indexCont3 .changeBox>div a div p:nth-of-type(1){width: 220px;line-height: 28px;font-size: 14px;color: #fff;white-space: nowrap;overflow: hidden;}
.indexCont3 .changeBox>div a div p:nth-of-type(2){line-height: 32px;font-size: 12px;color: #fff;}
.indexCont3 .changeBox>div a div p:nth-of-type(2) em{margin-right: 7px;}
.indexCont3 .changeBox>div a div p:nth-of-type(3){line-height: 23px;font-size: 12px;color: #fff;}
.indexCont3 .changeBox>div a div p:nth-of-type(3) em{margin-right: 14px;}
.indexCont3 .changeBox>div a:hover div{text-align: left;transition: all 0.5s;position: relative;top: -102px;text-indent: 7px;}
.indexCont3 .changeBox>div a:hover div P:nth-of-type(1){margin-top: 8px;}
.indexCont3 .changeBox>div{display: none;}
.indexCont3 .changeBox>div:nth-child(1){display: block;}
.indexCont3 .changeBox>div .cont a{display: block;width: 235px;height: 85px; padding: 10px 0 8px;position: relative;margin: auto;border-bottom: 1px dashed #d7d7d7;}
.indexCont3 .changeBox>div .cont a p:nth-of-type(1){width: 190px;line-height: 32px;font-size: 14px;color: #4b4b4b;white-space: nowrap;overflow: hidden;}
.indexCont3 .changeBox>div .cont a p:nth-of-type(2){width: 190px;line-height: 28px;font-size: 12px;color: #999999;white-space: nowrap;overflow: hidden;}
.indexCont3 .changeBox>div .cont a p:nth-of-type(3){width: 190px;line-height: 28px;font-size: 12px;color: #999999;white-space: nowrap;overflow: hidden;}
.indexCont3 .changeBox>div .cont a p em{padding-right: 7px;}
.indexCont3 .changeBox>div .cont a i{width: 28px;height: 28px;position: absolute;top: 39px;right: 5px;background-position: -182px -112px;}
.indexCont3 .changeBox>div .cont a:nth-last-child(1){border-bottom: none;margin-bottom: 6px;}
.indexCont3 .changeBox>div .cont a:hover p:nth-of-type(1){color: #008873;}
.indexCont3 .changeBox>div .cont a:hover i{background-position: -182px -159px;}

.indexCont3 .change{width: 235px;height: 36px;line-height: 36px;color: #999999;font-size: 14px;text-align: center;background: #f2f2f2;margin: auto;cursor: pointer;}
.indexCont3 .change i{display: inline-block;width: 14px;height: 14px;vertical-align: top;margin: 11px 0 0 9px;background-position: -236px -119px;}
.indexCont3 .change:hover i{transition: all 0.5s;transform: rotate(360deg);}

/*.apps{margin: 18px 0;}*/
.apps .indexTit{background-position: -904px -860px;}
.apps>ul li.current{color: #008873;border-color: #008873;}
.apps>ul li:hover{color: #008873;border-color: #008873;}
.apps>ul li:first-child{margin: 0 22px;}
.apps .Recommend>p{background:#008873;}
.apps .Recommend>p i{border-color: #008873 transparent transparent transparent;}
.apps .changeBox>div .cont a:hover p:nth-of-type(1){color: #008873;}
.apps .mores:hover{color: #008873;}
.apps .gameappBox ul li:hover a p{color: #008873;}
.apps .Recommend{border-color: #008873;}

.indexCont4{height: 319px;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);border: 1px solid #ffffff;position: relative;padding: 23px 0 0 0;background: url(../img/indexBg1.jpg);background-size: cover;margin-bottom: 18px;}
.indexCont4 .indexTit{background-position: -897px -912px;margin-left: 19px;}

.indexCont4 .slideIndex2 { width: 1056px; height: 220px;position: relative;border-radius: 6px;margin: auto;margin-top: 20px; }
.indexCont4 .slideIndex2 .swiper-container2 { height: 220px;overflow: hidden;border-radius: 6px; }
.indexCont4 .slideIndex2 .swiper-slide { width: 332px;height: 220px;border-radius: 6px;overflow: hidden; }
.indexCont4 .slideIndex2 .swiper-slide img { width: 332px;height: 220px; border-radius: 6px; }
.indexCont4 .slideIndex2 .swiper-button-prev, .indexCont4 .slideIndex2 .swiper-button-next {cursor: pointer; position: absolute; top: 80px; right: -71px; width: 40px; height: 60px; background-position: -850px -233px; z-index: 99; }
.indexCont4 .slideIndex2 .swiper-button-prev { left: -71px; transform: rotate(180deg); }
.indexCont4 .slideIndex2 .swiper-button-prev:hover, .indexCont4 .slideIndex2 .swiper-button-next:hover { background-position: -850px -310px; }
.indexCont4 .slideIndex2 .swiper-slide a >p { width: 314px; line-height: 32px; font-size: 13px; color: #fff; position: absolute; bottom: 93px; left: 0; padding: 0 9px; }
.indexCont4 .slideIndex2 .swiper-slide a >p span:last-child { float: right; }
.indexCont4 .slideIndex2 .swiper-slide a>div { position: absolute; bottom: 0; left: 0; height: 62px; width: 100%; background: linear-gradient(to top, #fff 70%, #ffffff90); padding: 25px 0 6px 0; }
.indexCont4 .slideIndex2 .swiper-slide a>div p:nth-of-type(1){ border-left: 4px solid #008873; line-height: 23px; font-size: 18px; color: #4b4b4b; font-weight: bold; text-indent: 10px; white-space: nowrap; overflow: hidden; }
.indexCont4 .slideIndex2 .swiper-slide a>div p:nth-of-type(2){ padding: 0 8px; line-height: 21px; font-size: 14px; color: #999999; text-indent: 14px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.indexCont4 .slideIndex2 .swiper-slide:hover img { transition: all 0.5s; transform: scale(1.1); }


.indexCont5{background: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);border: 1px solid #ffffff;position: relative;padding: 23px 0 0 19px;margin-bottom: 20px;}
.indexCont5 .indexTit{background-position: -914px -967px;margin-bottom: 20px;}
.indexCont5 ul li{float: left;width: 548px;margin: 0 43px 32px 0;}
.indexCont5 ul li >a{float: left;position: relative;margin-right: 25px;overflow: hidden;}
.indexCont5 ul li >a img{float: left;width: 212px;height: 136px;border-radius: 6px;}
.indexCont5 ul li >a p{width: 100%;text-align: center;line-height: 28px;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: #00000080;white-space: nowrap;overflow: hidden;border-radius: 0 0 6px 6px;}
.indexCont5 ul li div{float: left;}
.indexCont5 ul li div>a{display: block;padding-left: 12px;width: 296px;white-space: nowrap;overflow: hidden;line-height: 33px;color: #4e4e4e;font-size: 14px;position: relative;}
.indexCont5 ul li div>a:hover{color: #008873;}
.indexCont5 ul li div>a i{position: absolute;top: 13px;left: 0;width: 8px;height: 8px;border-radius: 50%;background: linear-gradient(to right, #07dbbf, #008873);}
.indexCont5 ul li>a:hover img{transition: all 0.5s;transform: scale(1.1);}
.indexCont5 ul li:nth-child(2n){margin-right: 0;}

.indexCont6{height: 755px;background: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);border: 1px solid #ffffff;position: relative;padding: 23px 0 0 19px;margin: 20px 0;}
.indexCont6 .indexTit{background-position: -820px -970px;text-align: left;margin-top: 20px;}

.indexCont6{width: 1160px;padding: 0 20px;margin: 0 auto;overflow: hidden;}
.indexCont6 .cont{width: 1220px;overflow: hidden;margin-top: 30px;}
.indexCont6 .cont .irList{width: 376px;float: left;margin-right: 16px;background-color: #fff;padding-bottom: 10px;border-radius: 6px;overflow: hidden;}
.indexCont6 .cont .irList>div{position: relative; width: 100%;height: 82px;line-height: 82px;text-align: center;border-radius: 6px;padding: 14px 0;margin-bottom: 10px;}
.indexCont6 .cont .irList:nth-of-type(1)>div{background: linear-gradient(to right,#41a1f7 ,#63d0f1);}
.indexCont6 .cont .irList:nth-of-type(2)>div{background: linear-gradient(to right,#d678ea ,#607ae9);}
.indexCont6 .cont .irList:nth-of-type(3)>div{background: linear-gradient(to right,#f1a977 ,#fe5e9c);}

.indexCont6 .cont .irList>div i:nth-child(1){display: inline-block;margin-right: 35px;}
.indexCont6 .cont .irList:nth-of-type(1)>div i{width: 58px;height: 82px;background-position: -756px -385px;}
.indexCont6 .cont .irList:nth-of-type(2)>div i{width: 58px;height: 82px;background-position: -844px -385px;}
.indexCont6 .cont .irList:nth-of-type(3)>div i{width: 58px;height: 82px;background-position: -932px -385px;}
.indexCont6 .cont .irList>div span{display: inline-block;font-size: 25px;color: #fff;line-height: 82px;vertical-align: top;}
.indexCont6 .cont .irList>div i:nth-of-type(2){position: absolute;width: 16px;height: 16px;border: 2px solid #fff;bottom: -10px;left: 0;right: 0;margin: 0 auto;transform: rotate(45deg);}
.indexCont6 .cont .irList:nth-of-type(1)>div i:nth-of-type(2){background: linear-gradient(to right,#41a1f7 ,#63d0f1);}
.indexCont6 .cont .irList:nth-of-type(2)>div i:nth-of-type(2){background: linear-gradient(to right,#d678ea ,#607ae9);}
.indexCont6 .cont .irList:nth-of-type(3)>div i:nth-of-type(2){background: linear-gradient(to right,#f1a977 ,#fe5e9c);}



.indexCont6 .cont .irList ul li a span,.indexCont6 .cont .irList ul li a img{display: none;}
.indexCont6 .cont .irList ul li{display: block;height: 50px;line-height: 50px;padding-left: 26px;}
.indexCont6 .cont .irList ul li a>i{float: left;width: 18px;height: 18px;line-height: 18px;background-color: #ededed;font-size: 12px;color: #999;text-align: center;border-radius: 6px 0 0 0;margin: 16px 26px 0 0;}
.indexCont6 .cont .irList ul li a>p{float: left;width: 280px;height: 50px;line-height: 50px;color: #333;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexCont6 .cont .irList ul li:nth-of-type(1) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px; background-color: transparent;background-position: -371px -9px;border: none;color: transparent;}
.indexCont6 .cont .irList ul li:nth-of-type(2) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px;background-color: transparent;background-position: -326px -9px;border: none;color: transparent;}
.indexCont6 .cont .irList ul li:nth-of-type(3) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px;background-color: transparent;background-position: -284px -9px;border: none;color: transparent;}
.indexCont6 .cont .irList ul li.on{height: 84px;padding-left: 0}
.indexCont6 .cont .irList ul li.on a{display: block;height: 84px;background: #f4f4f4;padding-left: 24px;}
.indexCont6 .cont .irList ul li.on a>i{float: left;width: 18px;height: 18px;line-height: 18px;background-color: #ededed;font-size: 12px;color: #999999;text-align: center;border-radius: 6px 0 0 0;margin: 34px 26px 0 0;}
.indexCont6 .cont .irList ul li.on a img{display: block; float: left;width: 70px;height: 70px;border-radius: 16px;margin: 7px 12px 0 0;}
.indexCont6 .cont .irList ul li.on a>p{float: left;width: 216px;height: 41px;line-height: 41px;color: #333333;font-size: 14px;white-space: nowrap;overflow: hidden;margin-top: 5px;}
.indexCont6 .cont .irList ul li.on a>span{display: block; float: left;width: 72px;height: 24px;line-height: 24px;border-radius: 12px;text-align: center;color: #fff;font-size: 12px;background: linear-gradient(to right, #07dbbf, #008873);}
.indexCont6 .cont .irList ul li.on a>span i{display: inline-block;width: 12px;height: 12px;background-position:-58px -60px;margin: 6px 2px 0 0;vertical-align: top;}
.indexCont6 .cont .irList ul li.on:nth-of-type(1) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -372px -9px;border: none;color: transparent;}
.indexCont6 .cont .irList ul li.on:nth-of-type(2) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -327px -9px;border: none;color: transparent;}
.indexCont6 .cont .irList ul li.on:nth-of-type(3) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -285px -9px;border: none;color: transparent;}


.indexCont7{height: 145px;background: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%);position: relative;margin-bottom: 35px;margin-top: 20px;overflow-y: scroll;}
.indexCont7 div:nth-of-type(1){float: left;height: 145px;line-height: 145px;text-align: center;font-size: 22px;color: #fff;font-weight: bold;width: 141px;background-color: #008873;border-radius: 8px 0 0 8px;background-position: -776px -820px;position: relative;}
.indexCont7 div:nth-of-type(1) i{position: absolute;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent #008873;top: 69px;right: -16px;}
.indexCont7 a{font-size: 14px;color: #5c5c5c;width: 125px;height: 44px;line-height: 44px;display: inline-block;text-align: center;margin-top: 10px;}
.indexCont7 a:hover{color: #008873;}

.carousel{width: 1160px;height: 250px;margin: 0 auto;overflow: hidden;position: relative;margin-top: 20px;}
.carousel .caroList{width: 1000%;position: absolute;top: 0;left: 0;overflow: hidden;}
.carousel .caroList div{float: left;width: 1160px;}
.carousel .caroList div ul{width: 1220px;overflow: hidden;}
.carousel li{float: left; width: 276px;margin-right: 18.5px;}
.carousel li a{position: relative;display: block;width: 276px;height: 174px;border-radius: 8px;overflow: hidden;background: linear-gradient(to bottom,#1d2640 ,#3e3547);}
.carousel li a img{width: 276px;height: 122px;display: block;margin-top: 26px;transition: all .3s linear;}
.carousel li a p{position: absolute;top: 44px;left: 0;right: 0;display: block;background-color: rgba(0,0,0,.5);width: 100%;height: 86px;line-height: 56px;font-size: 24px;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;transition: all .4s ease;}
.carousel li a span{display: block;position: absolute;left: 0;right: 0;bottom: 10px;margin: 0 auto;line-height: 20px;font-size: 12px;color: #fff;font-weight: lighter;}
.carousel li a span i{display: inline-block;font-size: 12px;color: #ff5a00;margin: 0 3px;line-height: 20px;}
.carousel li a:hover img{transform: scale(1.1);}

.carousel .caroArrow{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 300px;height: 80px;line-height: 80px;text-align: center;}
.carousel .caroArrow div:nth-of-type(1) span{display: inline-block;width: 10px;height: 10px;margin: 0 9px;border-radius: 50%;background-color: #cecece;}
.carousel .caroArrow div:nth-of-type(1) span.on{background-color: #008bff;}
.carousel .caroArrow div:nth-of-type(2) span{display: block;position: absolute;top: 22px;width: 34px;height: 34px;line-height: 32px;text-align: center;border-radius: 50%;background-color: #cecece;font-size: 22px;color: #fff;cursor: pointer;}
.carousel .caroArrow div:nth-of-type(2) span:nth-of-type(1){left: 0;}
.carousel .caroArrow div:nth-of-type(2) span:nth-of-type(2){right: 0;}
.carousel .caroArrow div:nth-of-type(2) span:hover{background-color: #008bff;}


/* 弹出层样式 */
.popupsIcon { background: url(../img/icon2.png) 400px 400px no-repeat; }
#popupsBox { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: #00000050; z-index: 99; }
#popupsBox .orderBox { width: 401px; margin: 200px auto 0; border-radius: 0 0 16px 16px; position: relative; }
.popupsClose { position: absolute; bottom: -58px; left: 0; right: 0; width: 38px; height: 38px; margin: auto; background-position: -279px -1px; cursor: pointer; }
.orderBg { width: 100%; height: 168px; overflow: hidden; background: url(../img/popupsBg1.png) no-repeat center; }
.orderBg>p { margin-top: 104px; line-height: 64px; font-size: 24px; font-weight: bold; text-align: center; color: #404040; }
#popupsBox .orderBox .order { position: relative; width: 100%; padding-bottom: 50px; border-radius: 0 0 16px 16px; background-color: #fff; }
#popupsBox .orderBox .order input[type=text]{ width: 268px; height: 48px; border: 1px solid #e3e3e3; border-radius: 6px; background: #f5f5f5; padding-left: 54px; font-size: 15px; color: #cccccc; margin: 15px 0 0 39px; }
#popupsBox .orderBox .order .phone { position: absolute; width: 27px; height: 34px; top: 23px; left: 54px; border-right: 1px solid #e3e3e3; background-position: -339px 2px; }
#popupsBox .orderBox .order .errTips { height: 24px; line-height: 24px; color: #fa5e4f; font-size: 14px; margin-left: 40px; }
#popupsBox .orderBox .order .msg { height: 27px; line-height: 27px; color: #404040; font-size: 15px; text-align: center; }
#popupsBox .orderBox .order .tip { height: 24px; line-height: 24px; color: #cccccc; font-size: 12px; text-align: center; }
#popupsBox .orderBox .order .nextBtn, #popupsBox .orderBox .orderWin .knowBtn, #popupsBox .orderBox .hasOrder .knowBtn { width: 182px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: #fa5e4f; border-radius: 20px; margin: 26px auto 0; cursor: pointer; background: linear-gradient(to right, #ffc900, #ffae00); box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3); }
#popupsBox .orderBox .order .nextBtn:hover, #popupsBox .orderBox .orderWin .knowBtn:hover, #popupsBox .orderBox .hasOrder .knowBtn:hover { opacity: .9; }
#popupsBox .orderBox .orderWin, #popupsBox .orderBox .hasOrder { padding-bottom: 50px; border-radius: 0 0 16px 16px; background-color: #fff; }
#popupsBox .orderBox .orderWin>i, #popupsBox .orderBox .hasOrder>i { display: block; width: 162px; height: 96px; background-position: 0 -304px; margin: 0 auto 20px; }
#popupsBox .orderBox .hasOrder>i { background-position: -193px -305px; }
#popupsBox .orderBox .orderWin p, #popupsBox .orderBox .hasOrder p { height: 24px; line-height: 24px; font-size: 20px; color: #14cab4; text-align: center; font-weight: bold; }
#popupsBox .orderBox .hasOrder p { color: #ffb800; }
#popupsBox .feedback, #popupsBox .permissionStatement{ width: 485px; height: 568px; margin: 200px auto 0; background: #ffffff; border-radius: 16px; position: relative; }
#popupsBox .permissionStatement .topBg { height: 114px; background: url(../img/popupsBg3.png) no-repeat; }
#popupsBox .feedback .topBg { height: 114px; background: url(../img/popupsBg2.png) no-repeat; }
#popupsBox .feedback .topBg>i.logo, #popupsBox .permissionStatement .topBg>i.logo { position: absolute; width: 88px; height: 88px; top: -36px; left: 0; right: 0; margin: 0 auto; background-position: -0px -0px; }
#popupsBox .feedback .topBg>i.logo { background-position: -95px 0; }
#popupsBox .feedback .topBg>i.close, #popupsBox .permissionStatement .topBg>i.close { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; background-position: -200px 0;cursor: pointer;}
#popupsBox .permissionStatement .topBg p, #popupsBox .feedback .topBg p { height: 60px; line-height: 60px; color: #4b4b4b; font-size: 24px; font-weight: bold; text-align: center; padding-top: 52px; }
#popupsBox .permissionStatement .state { height: 338px; overflow: auto; margin: 13px 19px 0 26px; padding-bottom: 21px; border-bottom: 1px dashed #d7d7d7; position: relative; }
#popupsBox .permissionStatement .linear { content: ""; position: absolute; bottom: 82px; left: 26px; width: 434px; height: 30px; background: linear-gradient(to top, #fff, transparent); } 
#popupsBox .privacyStatement .know, #popupsBox .permissionStatement .know { width: 212px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right, #008873, #008873); border-radius: 20px; margin: 26px auto 0; cursor: pointer; box-shadow: 0 5px 8px 0 #00887330; }
#popupsBox .permissionStatement .state::-webkit-scrollbar { width: 6px;background: transparent; }
#popupsBox .permissionStatement .state::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 6px; }
#popupsBox .permissionStatement .state p { line-height: 30px; font-size: 14px; color: #333333; }
#popupsBox .permissionStatement .state .h3 { line-height: 27px; font-size: 16px; color: #333333; font-weight: bold; }
#popupsBox .permissionStatement .orderBg>i { width: 70px; background-position: -116px -145px; }
#popupsBox .feBack { padding: 4px 0 0 26px; }
#popupsBox .feBack>p { height: 44px; line-height: 44px; font-size: 16px; color: #000000; }
#popupsBox .feBack .info {overflow: hidden;}
#popupsBox .feBack .radio {position: relative;height: 34px;line-height: 34px;width: 244px;float: left;}
#popupsBox .feBack .radio:nth-child(2n){width: 212px;}
#popupsBox .feBack .radio input[type='radio'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
#popupsBox .feBack .radio label {position: absolute;left: 0px;top: 0;height: 34px;line-height: 34px;width: 100%;font-size: 14px;color: #333333;text-align: left;padding-left: 24px;}
#popupsBox .feBack .radio label::before {content: '';position: absolute;left: 4px;top: 10px;width: 14px;height: 14px;border: 1px solid #d7d7d7;border-radius: 2px;box-sizing: border-box;}
#popupsBox .feBack .radio input[type='radio']:checked + label::before {background: url(../img/icon2.png) 400px 400px no-repeat;background-position: -248px 0;border: none;}
#popupsBox .feBack textarea{width: 418px;height: 80px;border: none;border-radius: 4px;resize:none;background: #f0f0f0;padding: 10px;font-size: 14px;color: #999999;margin-bottom: 4px;}
#popupsBox input[type=tel]{border: none;height: 40px;width: 426px;font-size:14px;padding-left: 12px;border-radius: 4px;color: #999999;background: #f0f0f0;}
#popupsBox input[type=tel]::-webkit-input-placeholder {color: #888;}
#popupsBox input[type=tel]:-moz-placeholder { color: #888;}
#popupsBox input[type=tel]::-moz-placeholder { color: #888;}
#popupsBox input[type=tel]:-ms-input-placeholder { color: #888;}
#popupsBox input[type=button]{display: block;font-size: 16px;margin: 26px auto 0;width: 212px;height: 42px;line-height: 42px;text-align: center;color: #fff;border: none;border-radius: 24px; background: linear-gradient(to right, #775cff, #6f7fff); box-shadow: 0 5px 8px 0 #775cff30; }
#popupsBox input[type=button]:hover{opacity: .96;}



/*网站地图*/
.pWebSiteMapWrap{width:1200px;margin:53px auto 0;padding-bottom:25px}
.pWebSiteMapWrap > div{padding:10px 20px 25px 20px;background-color:white}
.pWebSiteMapWrap > div > strong{display:block;font-weight:500;font-size:26px;line-height:36px;color:#008873;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.sitemapListBox{padding:10px 15px 0 0px}
.sitemapListBox > p{padding:10px 0 0 18px;font-size:16px;color:#000;font-weight:bold;line-height:16px;position:relative}
.sitemapListBox > p::after{content:"";width:7px;height:20px;position:absolute;left:0;top:9px;background-color:#008873}
.sitemapListBox > ul{padding:0px 15px 0 15px;display:flex;flex-wrap:wrap}
.sitemapListBox > ul > li{width:auto;margin:20px 20px 0 0}
.sitemapListBox > ul > li > a{width:auto;display:block;padding:2px 15px;font-size:14px;line-height:20px;color:#6f6f6f;position:relative;border:1px solid #e9e9e9;background-color:#fff;transform:translate3d(0,0,0);transition:.35s ease-out}
.sitemapListBox > ul > li > a:hover{background-color:#008873;color:#fff}

/*最新更新*/
.pXinWrap{width:1200px;margin:53px auto 0;padding-bottom:25px}
.pXinWrap > div{padding:20px 20px 5px 20px;background-color:white}
.pXinWrap > div > table{border:0;margin:0 auto;text-align:center}
.pXinWrap > div > table tr{height:46px;line-height:46px;border-bottom:1px solid #eeeeee}
.pXinWrap > div > table tr th{width:176px;color:white;border-right:2px solid white;background-color:#008873;font-style:normal;font-weight:500;font-size:16px;text-align:center}
.pXinWrap > div > table thead{height:36px;line-height:36px}
.pXinWrap > div > table thead tr{border:0}
.pXinWrap > div > table thead tr th:nth-child(2){width:456px}
.pXinWrap > div > table tbody{}
.pXinWrap > div > table tr a{color: #333;}
.pXinWrap > div > table tr a:hover{color: #008873}