body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #333; font-size: 14px; }

body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f5f5f5; }

.fl { float: left; }

.fr { float: right; }

.wrap { width: 1200px; margin: 0 auto; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

.topbar { height: 35px; line-height: 35px; background: #282f3b; font-size: 12px; color: #b4bac5; }

.topbar a { color: #b4bac5; }

.topbar a:hover { color: #fff; }

.topbar .welcome { float: left; display: inline-block; padding-left: 7px; background: url(../images/sprite.png) no-repeat; background-position: -26px -696px; height: 35px; overflow: hidden; }

.topbar .welcome a:hover { color: #00ceff; }

.topbar .bar-left { float: left; height: 35px; border-left: 1px solid #323b49; }

.topbar .bar-left a { padding: 0 17px; border-right: 1px solid #323b49; height: 35px; position: relative; float: left; }

.topbar .bar-left a b { position: absolute; top: -3px; left: 0; height: 3px; width: 100%; opacity: 0; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.topbar .bar-left .cl_1 { background: #4faaf0; }

.topbar .bar-left .cl_2 { background: #fcf46f; }

.topbar .bar-left .cl_3 { background: #00d2c3; }

.topbar .bar-left .cl_4 { background: #ff8624; }

.topbar .bar-left .cl_5 { background: #1791d4; }

.topbar .bar-left .cl_6 { background: #ff4d45; }

.topbar .bar-left .cl_7 { background: #99eef1; }

.topbar .bar-left .cl_8 { background: #28a444; }

.topbar .bar-left .cl_8 { background: #ea77df; }

.topbar .bar-left .cl_9 { background: #72c322; }

.topbar .bar-left a:hover b, .topbar .bar-left a.bar-cur b { top: 0px; opacity: 1; }

.topbar .bar-left a:hover span, .topbar a.bar-cur span { color: #fff; }

.topbar-right { float: right; border-right: 1px solid #323b49; position: relative; }

.h-weixin, .h-mobile, .h-nav { float: left; display: block; height: 35px; border-left: 1px solid #323b49; }

.h-mobile span { display: block; width: 47px; padding-left: 31px; height: 35px; background: url(../images/sprite.png) no-repeat; background-position: -10px -617px; }

.h-weixin span { display: block; width: 42px; height: 35px; background-position: -3px -19px; }

.h-weixin div, .h-mobile div { position: absolute; left: 0; top: 35px; width: 130px; height: 170px; padding: 2px; background: #fff; display: none; z-index: 4; -moz-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); -webkit-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); transform: rotateX(-90deg); transition: all 0.3s ease-in 0s; backface-visibility: hidden; }

.h-mobile div { left: auto; right: 0; }

.h-weixin div font, .h-mobile div font { font-size: 12px; text-align: left; display: block; color: #666; padding: 0 10px; line-height: 18px; }

.h-weixin div img, .h-mobile div img { width: 130px; height: 130px; display: block; }

.h-nav:hover .h-navCont { display: block; }

.h-weixin:hover div, .h-mobile:hover div { transform: rotateX(0deg); display: block; }

.h-weixin:hover span { background-position: -3px 9px; }

.h-mobile:hover span { background-position: -10px -724px; }

.h-nav .h-navIco { width: 58px; height: 35px; line-height: 35px; padding-left: 30px; display: block; background-position: -8px -45px; cursor: pointer; }

.h-navCont { position: absolute; right: -1px; top: 35px; background-color: #fff; border: 1px solid #ddd; width: 924px; display: none; z-index: 4; }

#nav { width: 100%; background: #fff; box-shadow: 0 0 13px #777; -webkit-box-shadow: 0 0 13px #777; }

#nav .navbox { width: 1200px; margin: 0 auto; padding: 14px 0; overflow: hidden; }

#nav .navbox .nav_left { float: left; width: 212px; height: 56px; overflow: hidden; }

#nav .navbox .nav_left a { display: block; height: 100%; }

#nav .navbox .nav_right { float: left; max-width: 988px; margin-left: 23px; }

#nav .navbox .nav_right ul { height: 56px; overflow: hidden; }

#nav .navbox .nav_right ul li { float: left; margin-top: 9px; text-align: center; margin-left: 44px; }

#nav .navbox .nav_right ul li:first-child { margin-left: 0; }

#nav .navbox .nav_right ul li a { display: inline-block; font-family: 'Microsoft YaHei'; font-size: 18px; color: #000; line-height: 26px; }

#nav .navbox .nav_right ul li:hover { cursor: pointer; }

#nav .navbox .nav_right ul li:hover a { text-decoration: none; color: #00ceff; }

#nav .navbox .nav_right ul li span { display: block; clear: both; font-size: 10px; -webkit-transform: scale(0.8); -o-transform: scale(1); color: #222; line-height: 10px; opacity: .6; filter: alpha(opacity=40); }

.Min1 { width: 1200px; margin: 25px auto 12px; background: #fff; overflow: hidden; }
.Min1 .tba_hd { height: 32px; line-height: 32px; overflow: hidden; margin: 6px 20px; }
.Min1 .tba_hd p { float: left; font-size: 14px; color: #999; line-height: 32px; margin-right: 10px; cursor: pointer; position: relative; }
.Min1 .tba_hd .on { font-weight: bold; color: #262626; }
.Min1 .tba_hd .on::before { width: 20px; height: 3px; background: #00ceff; content: ''; display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -10px; }
.Min1 .tba_bd { overflow: hidden; border-bottom: 1px solid #f5f5f5; margin: 0 0 0 20px; }
.Min1 .tba_bd .item + .item { display: none; }
.Min1 .tba_bd .item { margin: 15px 0; overflow: hidden; height: 139px; }
.Min1 .tba_bd .item li { float: left; width: 110px; margin-right: 21px; }
.Min1 .tba_bd .item li .a_img { overflow: hidden; }
.Min1 .tba_bd .item li .a_img, .Min1 .tba_bd .item li .a_img img { width: 110px; height: 110px; border-radius: 20px; }
.Min1 .tba_bd .item li .a_title { margin: 5px 0; display: block; text-align: center; line-height: 20px; color: #595959; height: 20px; font-size: 14px; overflow: hidden; }
.Min1 .tba_bd .item li .a_title:hover { color: #00ceff; }
.Min1 .tags { margin: 15px  20px; }
.Min1 .tags .list + .list dt { background: #00ceff; color: #fff; }
.Min1 .tags .list + .list + .list dt { background: #e1aacc; color: #fff; }
.Min1 .tags .list { margin-bottom: 10px; overflow: hidden; }
.Min1 .tags .list dt { float: left; width: 80px; line-height: 32px; font-size: 14px; text-align: center; background: #fef015; color: #333; }
.Min1 .tags .list dd { float: left; max-width: 1060px; height: 16px; margin: 8px 0 8px 20px; overflow: hidden; }
.Min1 .tags .list dd a { display: block; float: left; line-height: 16px; color: #595959; margin-right: 28px; }
.Min1 .tags .list dd a:hover { color: #00ceff; }
.Min1 .tags .list dd .hot { color: #f96460; }

.Min2 { width: 1200px; margin: 0 auto 12px; background: #fff; overflow: hidden; }
.Min2 .M2_L { width: 370px; overflow: hidden; margin: 15px 20px; }
.Min2 .M2_L .Hdwrap { float: left; width: 370px; height: 310px; position: relative; overflow: hidden; }
.Min2 .M2_L .Hdwrap .bigImg img { width: 100%; height: 310px; display: block; }
.Min2 .M2_L .Hdwrap .bigImg p { position: absolute; left: 0; right: 0; bottom: 0; }
.Min2 .M2_L .Hdwrap .bigImg .txtbg { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.Min2 .M2_L .Hdwrap .bigImg .txt { position: absolute; bottom: 0; left: 20px; right: 20px; color: #fff; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.Min2 .M2_L .Hdwrap .smallScroll { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 10px; }
.Min2 .M2_L .Hdwrap .smallImg, .Min2 .M2_L .Hdwrap .tempWrap { width: 350px; overflow: hidden; }
.Min2 .M2_L .Hdwrap .smallImg li { float: left; width: 87.5px !important; }
.Min2 .M2_L .Hdwrap .smallImg li a { display: block; margin: 10px 0; border: 1px solid #fff; font-size: 15px; position: relative; cursor: pointer; }
.Min2 .M2_L .Hdwrap .smallImg img { display: block; width: 100%; height: 53px; background: #ddd; }
.Min2 .M2_L .Hdwrap .smallImg .cover { position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; overflow: hidden; font-size: 0; background: #040303; filter: alpha(opacity=30); opacity: .3; }
.Min2 .M2_L .Hdwrap .smallImg li.on .cover { display: none; }
.Min2 .M2_L .Hdwrap .smallImg li.on a:after { content: ''; width: 0; height: 0; font-size: 0; overflow: hidden; line-height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; }
.Min2 .M2_L .Hdwrap .bigImg, .Min2 .M2_L .Hdwrap .bigImg li { width: 100% !important; }
.Min2 .M2_L .L_title { width: 100%; border-top: 2px solid #f3f3f3; height: 37px; line-height: 36px; margin-top: 20px; float: left; }
.Min2 .M2_L .L_title span { float: left; font-size: 18px; font-weight: normal; border-top: 2px solid #44494e; margin-top: -2px; }
.Min2 .M2_L .Tags { width: 380px; float: left; height: auto; overflow: hidden; margin-left: -10px; }
.Min2 .M2_L .Tags li { position: relative; float: left; width: 114px; height: 70px; padding: 12px 0 0 10px; }
.Min2 .M2_L .Tags li a { position: relative; display: block; width: 114px; height: 62px; line-height: 62px; text-align: center; border: 1px solid #eee; overflow: hidden; }
.Min2 .M2_L .Tags li a p { width: 100%; height: 100%; }
.Min2 .M2_L .Tags li a span { position: absolute; top: 0; left: 0; z-index: 2; width: 0; height: 0; border-right: 23px solid transparent; border-top: 23px solid; overflow: hidden; transition: all .2s linear; -webkit-transition: all .2s linear; }
.Min2 .M2_L .Tags li a i { position: absolute; top: 3px; left: 4px; z-index: 3; width: 8px; height: 8px; color: #fff; line-height: 6px; text-indent: -2px; }
.Min2 .M2_L .Tags li strong { font-weight: normal; position: relative; z-index: 10; }
.Min2 .M2_L .Tags li a:hover p i { display: none; }
.Min2 .M2_L .Tags li a:hover p span { border-width: 180px; }
.Min2 .M2_L .Tags li a:hover strong { color: #fff; }
.Min2 .M2_L .Tags li .shadow { position: absolute; top: 76px; right: -56px; width: 86px; height: 8px; background: url(../images/ic_shadow.png) no-repeat; border: none; }
.Min2 .M2_L .Tags .struct_bg1 a { color: #ec5747; }
.Min2 .M2_L .Tags .struct_bg2 a { color: #8c97cb; }
.Min2 .M2_L .Tags .struct_bg3 a { color: #5dc9ea; }
.Min2 .M2_L .Tags .struct_bg4 a { color: #b3d465; }
.Min2 .M2_L .Tags .struct_bg5 a { color: #a6937c; }
.Min2 .M2_L .Tags .struct_bg6 a { color: #f6c15b; }
.Min2 .M2_L .Tags .struct_bg7 a { color: #f19ec2; }
.Min2 .M2_L .Tags .struct_bg8 a { color: #e4a1f0; }
.Min2 .M2_L .Tags .struct_bg1 span { border-color: #ec5747; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg2 span { border-color: #8c97cb; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg3 span { border-color: #5dc9ea; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg4 span { border-color: #b3d465; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg5 span { border-color: #a6937c; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg6 span { border-color: #f6c15b; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg7 span { border-color: #f19ec2; border-right: 23px solid transparent; }
.Min2 .M2_L .Tags .struct_bg8 span { border-color: #e4a1f0; border-right: 23px solid transparent; }
.Min2 .M2_M { width: 460px; height: 610px; margin: 15px 0; }
.Min2 .M2_M .tabNav { margin-bottom: 20px; overflow: hidden; border-bottom: 2px solid #eef3ff; font-size: 16px; color: #666; }
.Min2 .M2_M .tabNav li { float: left; width: 25%; height: 16px; position: relative; text-align: center; cursor: pointer; line-height: 16px; padding-bottom: 10px; }
.Min2 .M2_M .tabNav li.on { border-bottom: 2px solid #00ceff; margin-bottom: -1px; color: #00ceff; font-weight: bold; }
.Min2 .M2_M .tabNav li.on:after { content: ''; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #00ceff; position: absolute; left: 50%; margin-left: -5px; bottom: -8px; }
.Min2 .M2_M .tabBody { width: 100%; }
.Min2 .M2_M .tabBody ul.item + ul.item { display: none; }
.Min2 .M2_M .tabBody ul.item { width: 100%; overflow: hidden; height: 560px; }
.Min2 .M2_M .tabBody ul.ListA li { height: 30px; line-height: 30px; position: relative; padding-left: 40px; margin-bottom: 18px; }
.Min2 .M2_M .tabBody ul.ListA li i { display: block; width: 17px; height: 17px; background-image: url(../images/li1.png); position: absolute; left: 4px; top: 7px; z-index: 2; }
.Min2 .M2_M .tabBody ul.ListA li a, .Min2 .M2_M .tabBody ul.ListA li span { display: block; height: 30px; overflow: hidden; }
.Min2 .M2_M .tabBody ul.ListA li a { float: left; }
.Min2 .M2_M .tabBody ul.ListA li a:hover { color: #00ceff; }
.Min2 .M2_M .tabBody ul.ListA li .timer { float: right; color: #999; font-size: 14px; }
.Min2 .M2_M .tabBody ul.ListA li .imgBox { width: 30px; border-radius: 5px; margin-right: 18px; }
.Min2 .M2_M .tabBody ul.ListA li .imgBox img { width: 100%; height: 100%; }
.Min2 .M2_M .tabBody ul.ListA li .tag { color: #aaa; width: 78px; }
.Min2 .M2_M .tabBody ul.ListA li .tag:hover { color: #00ceff; }
.Min2 .M2_M .tabBody ul.ListA li .tt { width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Min2 .M2_M .tabBody ul.ListA li:after { content: ''; display: block; width: 0; height: 48px; border-left: 1px dashed #cfcfcf; position: absolute; left: 12px; top: 8px; z-index: 0; }
.Min2 .M2_M .tabBody ul.ListA li:last-child:after { display: none; }
.Min2 .M2_M .tabBody .ListB li { height: 36px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; padding-left: 20px; position: relative; }
.Min2 .M2_M .tabBody .ListB li span.fr { color: #999; font-size: 12px; padding-left: 10px; }
.Min2 .M2_M .tabBody .ListB li i { display: block; width: 10px; height: 10px; position: absolute; left: 0; top: 11px; background-image: url(../images/icons.png); background-position: -70px 0; }
.Min2 .M2_M .tabBody .ListB .hot { padding-left: 0; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; color: #000; background: none; margin: 0 0 14px; }
.Min2 .M2_M .tabBody .ListB li + .hot { margin-top: 16px; }
.Min2 .M2_M .tabBody .ListB .hot a { color: #000; }
.Min2 .M2_M .tabBody .ListB .hot .tag { display: inline-block; height: 20px; padding: 0 5px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: normal; background: #01b7ee; vertical-align: top; margin-right: 10px; }
.Min2 .M2_M .tabBody .ListB .hot .c1 { background: #ff5534; }
.Min2 .M2_M .tabBody .ListB .hot .c2 { background: #33cd86; }
.Min2 .M2_M .tabBody .ListB .hot .c3 { background: #3aa5ff; }
.Min2 .M2_M .tabBody .ListB a:hover { color: #00ceff; }
.Min2 .M2_R { width: 290px; height: 615px; margin: 0px 20px 0 0; overflow: hidden; }
.Min2 .M2_R .tithd_1 { height: 40px; border-bottom: 2px solid #d7d7d7; line-height: 40px; }
.Min2 .M2_R .tithd_1 .tt { float: left; font-size: 18px; color: #000; font-weight: bold; border-bottom: 2px solid #00ceff; }
.Min2 .M2_R .tithd_1 .more { float: right; font-size: 14px; color: #999; padding-right: 16px; position: relative; }
.Min2 .M2_R .tithd_1 .more i { display: block; width: 12px; height: 12px; background-color: #999; border-radius: 50%; overflow: hidden; color: #fff; text-align: center; line-height: 12px; font-style: normal; font-family: serif; position: absolute; right: 0; top: 50%; margin-top: -6px; font-size: 12px; }
.Min2 .M2_R .tithd_1 .more:hover { color: #00ceff; }
.Min2 .M2_R .tithd_1 .more:hover i { background-color: #00ceff; }
.Min2 .M2_R .zttjimg li { width: 100%; box-shadow: 2px 2px 20px #ececec; margin-bottom: 20px; }
.Min2 .M2_R .zttjimg li a { display: block; overflow: hidden; }
.Min2 .M2_R .zttjimg li .imgBox { height: 135px; }
.Min2 .M2_R .imgBox { display: block; }
.Min2 .M2_R .imgBox img { display: block; width: 100%; height: 100%; }
.Min2 .M2_R .zttjimg li .tt { height: 40px; line-height: 40px; padding: 0 14px; }
.Min2 .M2_R .zttjimg li:hover { background: #f0f0f0; }
.Min2 .M2_R .ztttags { margin-right: -14px; }
.Min2 .M2_R .ztttags li { width: 50%; float: left; margin-bottom: 16px; height: 50px; line-height: 50px; }
.Min2 .M2_R .ztttags li a { display: block; height: 100%; margin-right: 14px; text-align: center; font-size: 16px; color: #fff; position: relative; }
.Min2 .M2_R .ztttags li a:hover { opacity: 0.8; }
.Min2 .M2_R .ztttags li.c1 a { background: #ffae5f; }
.Min2 .M2_R .ztttags li.c2 a { background: #f46868; }
.Min2 .M2_R .ztttags li.c3 a { background: #c49155; }
.Min2 .M2_R .ztttags li.c4 a { background: #93d877; }
.Min2 .M2_R .ztttags li.c5 a { background: #8d79f4; }
.Min2 .M2_R .ztttags li.c6 a { background: #3e9ff9; }
.Min2 .M2_R .ztttags li a:after, .Min2 .M2_R .ztttags li a:before { content: ''; display: block; }
.Min2 .M2_R .ztttags li:first-child a:before { content: ''; width: 0; height: 0; border-bottom: 15px solid #fff; border-right: 15px solid transparent; position: absolute; top: 0px; right: 0px; }
.Min2 .M2_R .ztttags li:first-child a:after { content: ''; position: absolute; top: -11px; right: -11px; width: 21px; height: 21px; background: #fff; border-left: 1px solid #ffd8b1; transform: rotate(-45deg); }

.Wrap_title { margin: 15px 20px; overflow: hidden; }
.Wrap_title span { float: left; line-height: 30px; font-family: 'Microsoft YaHei'; font-size: 20px; color: #262626; font-weight: bold; }
.Wrap_title a.more { display: block; float: right; color: #aaa; line-height: 30px; font-size: 12px; font-family: serif; }
.Wrap_title a.more:hover { color: #00ceff; }

.Min3 { width: 1200px; margin: 0 auto 12px; background: #fff; overflow: hidden; }
.Min3 .M3L { overflow: hidden; margin: 0 20px 10px; width: 360px; }
.Min3 .M3L .Tab_list { float: left; width: 360px; height: 160px; margin: 0 0 5px -10px; overflow: hidden; }
.Min3 .M3L .Tab_list li.on { background: #00ceff; color: #fff; font-weight: 700; }
.Min3 .M3L .Tab_list li { float: left; margin: 0 0 10px 10px; width: 80px; line-height: 44px; background: #fcfcfe; text-align: center; cursor: pointer; transition: all .2s linear; font-size: 14px; }
.Min3 .M3L > dl dt { font-size: 15px; font-weight: 700; margin: 19px 0; }
.Min3 .M3L > dl dd { height: 105px; overflow: hidden; }
.Min3 .M3L > dl dd a { display: block; float: left; padding: 0 9px; margin: 0 10px 10px 0; color: #565656; line-height: 23px; border-radius: 3px; border: 1px solid #f0f0f0; }
.Min3 .M3L > dl dd a:hover { color: #00ceff; }
.Min3 .M3L .tuios, .Min3 .M3L .tuios img { height: 165px; width: 100%; }
.Min3 .M3R { float: right; width: 780px; overflow: hidden; height: 320px; }
.Min3 .M3R .item + .item { display: none; }
.Min3 .M3R .item { overflow: hidden; }
.Min3 .M3R .item li { width: 110px; height: 150px; float: left; margin: 0 20px 10px 0; }
.Min3 .M3R .item li a { display: block; }
.Min3 .M3R .item li a:hover { color: #00ceff; text-decoration: underline; }
.Min3 .M3R .item li a:hover img { opacity: 0.8; }
.Min3 .M3R .item li a img { width: 110px; height: 110px; border-radius: 20px; }
.Min3 .M3R .item li a p { width: 100%; font-size: 14px; margin: 10px 0 2px 0; line-height: 21px; height: 21px; overflow: hidden; transition: all .2s linear; text-align: center; }

.Min4 { width: 100%; margin: 0 auto 12px; background: #fff; overflow: hidden; height: 666px; position: relative; }
.Min4 .Min4_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; overflow: hidden; }
.Min4 .Min4_bg .list + .list { display: none; }
.Min4 .Min4_bg .list { width: 100%; height: 100%; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; -webkit-filter: blur(50px); filter: blur(50px); -moz-filter: blur(50px); -ms-filter: blur(50px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=50, MakeShadow=false); }
.Min4 .Min4_bg .mask_bg { position: absolute; background-color: rgba(0, 0, 0, 0.2); z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; -webkit-filter: blur(10px); filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); margin: -20px; }
.Min4 .M4_cont { width: 1200px; margin: 0 auto; position: relative; z-index: 2; }
.Min4 .M4_cont .title { width: 100%; font-size: 40px; line-height: 40px; font-weight: 300; color: #ffffff; text-align: left; margin-top: 52px; margin-bottom: 20px; float: left; }
.Min4 .M4_cont .title span + span {display: none;}
.Min4 .M4_cont .Tag { width: 100%; overflow: hidden; }
.Min4 .M4_cont .Tag .more { font-size: 16px; line-height: 16px; color: #ffffff; float: right; cursor: pointer; }
.Min4 .M4_cont .Tag .more:hover { color: #fff; }
.Min4 .M4_cont .Tag .more:hover i { background-color: #fff; }
.Min4 .M4_cont .Tag .more span { display: inline-block; margin-right: 4px; }
.Min4 .M4_cont .Tag .more i { width: 8px; height: 8px; display: inline-block; _zoom: 1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: rgba(255, 255, 255, 0.6); margin-bottom: 2px; }
.Min4 .M4_cont .Tabbox { width: 100%; margin-top: 15px; }
.Min4 .M4_cont .Tabbox .Tab_bd { width: 920px; height: 460px; float: left; background: #ddd; }
.Min4 .M4_cont .Tabbox .Tab_bd .list + .list { display: none; }
.Min4 .M4_cont .Tabbox .Tab_bd .list { width: 920px; height: 460px; float: left; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); }
.Min4 .M4_cont .Tabbox .Tab_bd .list img { width: 100%; height: 100%; }
.Min4 .M4_cont .Tabbox .Tab_hd { width: 272px; height: 460px; float: right; }
.Min4 .M4_cont .Tabbox .Tab_hd .list { position: relative; cursor: pointer; float: left; width: 100%; height: 148px; margin-bottom: 8px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); }
.Min4 .M4_cont .Tabbox .Tab_hd .list img { width: 100%; height: 100%; }
.Min4 .M4_cont .Tabbox .Tab_hd i.line { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 6px solid rgba(0, 0, 0, 0.5); background-color: transparent; display: none; }
.Min4 .M4_cont .Tabbox .Tab_hd .on i.line, .Min4 .M4_cont .Tabbox .Tab_hd .list:hover i.line { display: block; }

.Min5 { width: 1200px; margin: 0 auto 12px; background: #fff; overflow: hidden; }
.Min5 .M5L { width: 340px; float: left; overflow: hidden; zoom: 1; margin: 0 0 0 20px; }
.Min5 .M5L li { width: 340px; float: left; position: relative; margin-bottom: 20px; height: 210px; overflow: hidden; }
.Min5 .M5L li a { display: block; overflow: hidden; }
.Min5 .M5L li a img { width: 340px; height: 210px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; }
.Min5 .M5L li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.Min5 .M5L li a p { display: block; height: 27px; line-height: 27px; bottom: 0px; position: absolute; color: #fff; z-index: 2; font-size: 14px; text-align: center; width: 340px; }
.Min5 .M5L li a em { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); bottom: 0px; position: absolute; display: block; width: 100%; z-index: 1; height: 27px; left: 0px; }
.Min5 .M5R { width: 770px; height: 440px; overflow: hidden; zoom: 1; margin-right: 20px; }
.Min5 .M5R .gl_new { width: 770px; height: 105px; }
.Min5 .M5R .gl_new span { width: 78px; height: 105px; position: relative; display: inline-block; float: left; background: #fd9536; }
.Min5 .M5R .gl_new span i { display: block; width: 35px; height: 38px; font-size: 16px; font-weight: bold; line-height: 17px; color: #fff; margin: 0 auto; padding-top: 33px; }
.Min5 .M5R .gl_new span em { position: absolute; width: 6px; height: 11px; display: block; background: url(../images/icon.gif) -94px -69px no-repeat; right: 0px; top: 45px; }
.Min5 .M5R .gl_new .gl_bt { background: #f6f6f6; height: 105px; padding-left: 20px; float: left; width: 672px; }
.Min5 .M5R .gl_new .gl_bt h2 { padding-top: 18px; }
.Min5 .M5R .gl_new .gl_bt h2 a { font-size: 20px; color: #f31a22; font-weight: bold; overflow: hidden; height: 30px; display: block; }
.Min5 .M5R .gl_new .gl_bt h2 a:hover { text-decoration: underline; }
.Min5 .M5R .gl_new .gl_bt p { color: #999; line-height: 22px; padding-right: 50px; padding-top: 4px; overflow: hidden; height: 46px; }
.Min5 .M5R .gl_list { float: left; padding-right: 50px; width: 400px; padding-top: 9px; }
.Min5 .M5R .gl_list ul li { float: left; height: 32px; line-height: 32px; width: 400px; }
.Min5 .M5R .gl_list ul li i { color: #aaa; float: right; display: inline-block; font-size: 12px; }
.Min5 .M5R .gl_list ul li a { font-size: 15px; color: #4d4d4d; float: left; width: 350px; overflow: hidden; word-break: break-word; height: 32px; }
.Min5 .M5R .gl_list ul li a:hover { color: #00ceff; }
.Min5 .M5R .zq_l ul li a em { width: 14px; height: 14px; background: url(../images/icon_01.png) 0px -157px no-repeat; float: left; margin-top: 7px; margin-left: -1px; }
.Min5 .M5R .gl_list ul li a em { width: 14px; height: 14px; background: url(../images/icon_01.png) 0px -157px no-repeat; float: left; margin-top: 7px; margin-left: -1px; }
.Min5 .M5R .gl_list ul li.gl_line { width: 400px; height: 6px; background: url(../images/text_pl.png) repeat-x 0px 6px; float: left; padding: 4px 0px; overflow: hidden; zoom: 1; }
.Min5 .M5R .gl_hot { width: 318px; overflow: hidden; zoom: 1; }
.Min5 .M5R .gl_hot_pic { zoom: 1; width: 318px; overflow: hidden; padding-top: 20px; float: right; }
.Min5 .M5R .gl_hot_pic ul { width: 400px; }
.Min5 .M5R .gl_hot_pic ul li { float: left; width: 150px; padding-right: 17px; position: relative; }
.Min5 .M5R .gl_hot_pic ul li a { width: 150px; position: relative; display: inline-block; overflow: hidden; }
.Min5 .M5R .gl_hot_pic ul li a p { width: 150px; font-size: 12px; display: block; background: #f9f9f9; height: 60px; }
.Min5 .M5R .gl_hot_pic ul li a p b { color: #666; width: 122px; display: block; margin: 0 auto; padding-top: 10px; height: 35px; overflow: hidden; line-height: 18px; }
.Min5 .M5R .gl_hot_pic ul li a:hover p b { color: #00ceff; }
.Min5 .M5R .gl_hot_pic ul li a em { width: 42px; height: 21px; background: #00ceff; color: #fff; line-height: 21px; position: absolute; right: 0px; z-index: 10; text-align: center; }
.Min5 .M5R .gl_hot_pic ul li a img { width: 150px; height: 100px; }
.Min5 .M5R .gl_hot_list { width: 318px; overflow: hidden; }
.Min5 .M5R .gl_hot_list ul li { overflow: hidden; }
.Min5 .M5R .gl_hot_list ul li a { font-size: 14px; color: #4d4d4d; float: left; width: 318px; overflow: hidden; word-break: break-word; height: 31px; line-height: 31px; }
.Min5 .M5R .gl_hot_list ul li a:hover { color: #00ceff; }
.Min5 .M5R .gl_hot_list ul li a em { width: 15px; background: url(../images/icon_01.png) -2px -101px no-repeat; float: left; display: inline-block; height: 29px; }

.Min6 { width: 1200px; margin: 0 auto 12px; background: #fff; overflow: hidden; }
.Min6 .Gmlist { overflow: hidden; }
.Min6 .Gmlist li { float: left; width: 216px; height: 130px; position: relative; margin: 0 0 20px 20px; }
.Min6 .Gmlist li img { border-radius: 6px; width: 100%; height: 100%; }
.Min6 .Gmlist li:hover img { opacity: 0.8; }
.Min6 .Gmlist li:hover .img-bottom-title { color: #00ceff; }
.Min6 .Gmlist li .img-bottom-title { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 56px; line-height: 72px; position: absolute; bottom: 0; left: 0; color: white; text-align: center !important; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/textshadow.png) center top; }

.footer { width: 100%; background: #14161c; overflow: hidden; color: #999; margin-top: 25px; }
.footer a { color: #999; }
.footer a:hover { color: #fff; }
.footer .cont { width: 1000px; margin: 50px auto 0; overflow: hidden; zoom: 1; padding: 30px 0px 0; border-top: 1px solid #394051; }
.footer .cont .logo { float: left; margin: 20px 50px; height: 60px; }
.footer .cont .info { width: 600px; float: right; height: 200px; overflow: hidden; text-align: center; line-height: 26px; font-size: 12px; }
.footer .cont .info .red { color: #D4074C; }

.MinPh { width: 1200px; margin: 0 auto 12px; background: #fff; overflow: hidden; }
.MinPh .item { margin: 20px 0 20px 20px; float: left; width: 373px; overflow: hidden; }
.MinPh .item .Wrap_title { margin: 0; }
.MinPh .item .list { width: 320px; overflow: hidden; }
.MinPh .item .list li { width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px dotted #e5e5e5; }
.MinPh .item .list li > span { border: 1px solid #00ceff; border-radius: 2px; margin-top: 2px; color: #00ceff; float: left; font-family: Arial; font-size: 14px; height: 16px; line-height: 16px; margin-right: 10px; text-align: center; width: 16px; }
.MinPh .item .list li .title { height: 20px; line-height: 20px; overflow: hidden; }
.MinPh .item .list li .info { display: none; float: left; width: 290px; }
.MinPh .item .list li .info .img { float: left; display: block; margin-right: 10px; }
.MinPh .item .list li .info .img, .MinPh .item .list li .info .img img { width: 110px; height: 110px; border-radius: 20px; }
.MinPh .item .list li .info .bt { float: left; height: 20px; color: #333; line-height: 20px; overflow: hidden; width: 160px; font-size: 16px; font-weight: bold; margin-top: 10px; }
.MinPh .item .list li .info .bt:hover { color: #00ceff; }
.MinPh .item .list li .info .tags { float: left; line-height: 18px; height: 18px; overflow: hidden; color: #999; margin: 10px 0; word-break: break-all; width: 160px; font-size: 14px; }
.MinPh .item .list li .info .btn { display: inline-block; border: 1px solid #00ceff; color: #00ceff; padding: 2px 12px; vertical-align: middle; border-radius: 2px; background-color: #fff; margin-top: 6px; }
.MinPh .item .list li .info .btn:hover { background: #00ceff; color: #fff; }
.MinPh .item .list li.on .title { display: none; }
.MinPh .item .list li.on .info { display: block; }
.MinPh .item .list li.on > span { height: 80px; line-height: 80px; margin-top: 17px; background: #00ceff; border-color: #00ceff; color: #fff; float: left; }
.MinPh .item .list li + li + li + li span { border: 1px solid #b0b0b0; color: #b0b0b0; }
.MinPh .item .list li + li + li + li.on span { border: 1px solid #b0b0b0; background: #b0b0b0; }

.YQ_link { width: 1200px; margin: 0 auto 12px; background: #fff; overflow: hidden; }
.YQ_link .Wrap_title { border-bottom: 2px solid #eee; height: 40px; }
.YQ_link ul { width: 100%; overflow: hidden; margin: 0 0 0 20px; }
.YQ_link ul li { float: left; font-size: 14px; line-height: 20px; margin: 0 20px 15px 0; }
.YQ_link ul li a { color: #666; }
.YQ_link ul li a:hover { color: #00ceff; }

.crumb { width: 100%; margin-top: 15px; }

.crumb .wrap { width: 1170px; background: #fff; padding: 0 15px; margin: 0 auto; height: 40px; line-height: 40px; font-size: 13px; color: #797979; }

.crumb .wrap a { color: #797979; }

.crumb .wrap a:hover { color: #00ceff; }

.Contwrap { width: 1200px; margin: 12px auto; overflow: hidden; }
.Contwrap .Min_L { width: 800px; overflow: hidden; background: #fff; padding: 20px; margin-right: 20px; }
.Contwrap .Min_L .Tags { background: #F4F4F4; height: 50px; line-height: 48px; overflow: hidden; }
.Contwrap .Min_L .Tags a { float: left; font-size: 16px; color: #393939; display: inline-block; text-align: center; width: 120px; border-bottom: 2px solid #fff; }
.Contwrap .Min_L .Tags a.on { font-weight: bold; border-bottom: 2px solid #00ceff; }
.Contwrap .Min_L .list { overflow: hidden; width: 100%; }
.Contwrap .Min_L .list li { border-bottom: 1px dashed #F5F5F5; list-style: none; transition: all .5s linear; -webkit-transition: all .5s linear; }
.Contwrap .Min_L .list li:hover { background: #f5f5f5; }
.Contwrap .Min_L .list li a { padding: 25px 0; display: block; overflow: hidden; }
.Contwrap .Min_L .list li a > img { width: 174px; height: 130px; margin-right: 15px; border-radius: 10px; float: left; }
.Contwrap .Min_L .list li a .textDiv { float: left; width: 610px; }
.Contwrap .Min_L .list li a .textDiv > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; line-height: 25px; color: #000; font-size: 18px; }
.Contwrap .Min_L .list li a .textDiv .dateDiv { width: 100%; font-size: 14px; color: #888; margin: 10px 0; overflow: hidden; }
.Contwrap .Min_L .list li a .textDiv .limit3 {margin: 10px 0; font-size: 14px; line-height: 22px; color: #8a8a8a; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.Contwrap .Min_R { width: 300px; overflow: hidden; background: #fff; padding: 20px 20px; }
.Contwrap .Min_R .Wrap_title { margin: 0; height: 40px; border-bottom: 1px solid #eee; }
.Contwrap .Min_R .Wrap_title span { border-bottom: 2px solid #00ceff; height: 38px; }
.Contwrap .Min_R .a-noimg1 { overflow: hidden; margin: 10px 0; }
.Contwrap .Min_R .a-noimg1 li { overflow: hidden; }
.Contwrap .Min_R .a-noimg1 li > i { float: left; width: 20px; line-height: 16px; margin: 11px 12px 0 0; text-align: center; border-radius: 2px; text-decoration: none; font-style: normal; }
.Contwrap .Min_R .a-noimg1 li.rank1 > i { background: #00ceff; color: #fff; }
.Contwrap .Min_R .a-noimg1 li.rank2 > i { background: rgba(0, 206, 255, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B258e222, endColorstr=#B258e222); color: #fff; }
.Contwrap .Min_R .a-noimg1 li.rank3 > i { background: rgba(0, 206, 255, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6658e222, endColorstr=#6658e222); color: #fff; }
.Contwrap .Min_R .a-noimg1 li > p { border-bottom: 1px dashed #f5f5f5; overflow: hidden; }
.Contwrap .Min_R .a-noimg1 li:last-child > p { border-bottom: none; }
.Contwrap .Min_R .a-noimg1 li p a { display: block; float: left; font-size: 14px; color: #565656; line-height: 39px; height: 39px; overflow: hidden; }
.Contwrap .Min_R .a-noimg1 li p a:hover { color: #000; }
.Contwrap .Min_R .a-noimg1 li p a:active { font-weight: 700; }
.Contwrap .Min_R .Games { width: 320px; overflow: hidden; }
.Contwrap .Min_R .Games ul { overflow: hidden; margin-top: 10px; }
.Contwrap .Min_R .Games ul li { float: left; position: relative; width: 100px; height: 133px; margin: 0 2px 0 0; overflow: hidden; }
.Contwrap .Min_R .Games ul li:hover { background: #f5f5f5; }
.Contwrap .Min_R .Games ul li:hover .name { display: none; }
.Contwrap .Min_R .Games ul li:hover .down-link { display: block; }
.Contwrap .Min_R .Games ul li .img { margin: 10px; display: block; }
.Contwrap .Min_R .Games ul li .img, .Contwrap .Min_R .Games ul li .img img { width: 80px; height: 80px; }
.Contwrap .Min_R .Games ul li .name { height: 22px; line-height: 22px; font-size: 14px; text-align: center; overflow: hidden; width: 100%; }
.Contwrap .Min_R .Games ul li .down-link { display: none; background: #00ceff; color: #fff; position: absolute; bottom: 10px; left: 10px; font-size: 14px; width: 80px; height: 22px; line-height: 22px; text-align: center; }
.Contwrap .Min_R .Gmzq { width: 100%; overflow: hidden; }
.Contwrap .Min_R .Gmzq ul li { margin-top: 20px; position: relative; overflow: hidden; zoom: 1; width: 100%; height: 150px; }
.Contwrap .Min_R .Gmzq ul li img { width: 100%; height: 150px; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; }
.Contwrap .Min_R .Gmzq ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.Contwrap .Min_R .Gmzq ul li p { text-align: center; color: #fff; width: 94%; height: 30px; line-height: 30px; padding: 0 3.01%; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); position: absolute; left: 0; bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; zoom: 1; }

#page { margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }

#page a, #page span { display: inline-block; width: auto; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }

#page span { background-color: #00ceff; color: #fff; }

#page a:hover { background-color: #00ceff; color: #fff; }

#page .activP { background-color: #00ceff; color: #fff; }

.art_wrap .h1 { font-size: 30px; text-align: center; font-weight: normal; margin: 10px 0 25px 0; }
.art_wrap .lead { text-align: center; color: #999; }
.art_wrap .art_cont { color: #333; font-size: 16px; overflow: hidden; margin: 0 10px; padding-bottom: 10px;}
.art_wrap .art_cont p { line-height: 30px; margin: 16px 0; }
.art_wrap .art_cont table { margin: auto; }
.art_wrap .art_cont p a { color: #00ceff; }
.art_wrap .page .content img { max-width: 800px; }
.art_cont .item { margin-bottom: 5px; }
.art_cont .item a { display: block; float: left; width: 108px; height: 140px; margin: 5px 3px 10px 55px; }
.art_cont .item a:nth-child(5n+1){ margin-left: 0px; }
.art_cont .item a .img { width: 108px; height: 108px; background: #f5d08a; border-radius: 10px; position: relative; }
.art_cont .item a .img img { border-radius: 10px; width: 100px; height: 100px; margin: 4px; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear; }
.art_cont .item a p { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #525252; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8px;}

.News_list { overflow: hidden; width: 840px; border-top: 15px solid #f5f5f5; margin-left: -20px; }
.News_list ul { overflow: hidden; width: 840px; }
.News_list ul li { float: left; position: relative; z-index: 1; margin: 0 0 10px 20px; }
.News_list ul li { overflow: hidden; }
.News_list ul li img { width: 185px; height: 110px; }
.News_list ul .name { display: block; width: 185px; height: 45px; line-height: 22px; overflow: hidden; margin: 5px 0; }
.News_list ul .name:hover { color: #00ceff; }

.Down_list { width: 1160px; padding: 20px; overflow: hidden; background: #fff; min-height: 600px; margin: 15px auto; }
.Down_list .title { width: 100%; height: 30px; line-height: 30px; position: relative; }
.Down_list .title span { font-size: 30px; color: #333333; font-weight: bold; }
.Down_list .title span i { width: 8px; height: 22px; background-color: #00ceff; border-radius: 3px; display: inline-block; position: relative; top: 0; margin-right: 10px; }
.Down_list .game-type-ul { width: 1180px; overflow: hidden; padding: 32px 0 0 0; }
.Down_list .game-type-ul a { display: block; float: left; width: 150px; height: 30px; border-radius: 5px; border: solid 1px #bdbdbd; margin: 0 18px 20px 0; box-sizing: border-box; line-height: 28px; text-align: center; overflow: hidden; font-size: 14px; color: #808080; }
.Down_list .game-type-ul a.on, .Down_list .game-type-ul a:hover { border: solid 2px #00ceff; color: #00ceff; line-height: 26px; }
.Down_list .game-assort-ul { width: 100%; border-bottom: 2px solid #a0a0a0; font-size: 0; padding-top: 20px; }
.Down_list .game-assort-ul a { width: 100px; height: 32px; box-sizing: border-box; border-radius: 5px 5px 0 0; border: solid 1px #a0a0a0; color: #333333; line-height: 30px; text-align: center; font-size: 14px; overflow: hidden; display: inline-block; position: relative; top: 2px; }
.Down_list .game-assort-ul .on { border-color: #00ceff; background: #00ceff; color: white; font-weight: bold; }
.Down_list .list { overflow: hidden; width: 104%; margin: 10px auto; }
.Down_list .list .game-content { width: 110px; height: 180px; float: left; margin: 25px 20px 0 15px; position: relative; }
.Down_list .list .game-content img { width: 110px; height: 110px; margin-bottom: 10px; border-radius: 22%; }
.Down_list .list .game-content .game-name { padding-top: 60px; width: 100%; box-sizing: border-box; font-weight: bold; overflow: hidden; height: 110px; border-radius: 22%; line-height: 50px; text-align: center; font-size: 18px; background: rgba(0, 0, 0, 0.6); color: #fbfbfb; position: absolute; top: 0; left: 0; display: none; }
.Down_list .list .game-content .game-info .download-link { font-size: 14px; color: #00a0e9; width: 63px; height: 28px; line-height: 26px; display: block; margin: auto; border-radius: 8px; border: solid 1px #00b7ee; text-align: center; }
.Down_list .list .game-content .game-info .download-link:hover { border-color: #00a0e9; color: white; background: #00a0e9; }
.Down_list .list .game-content .game-type-size { text-align: center; height: 30px; line-height: 30px; width: 100%; overflow: hidden; color: #666666; }
.Down_list .list .game-content .game-info-hover div { width: 100%; overflow: hidden; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #454545; text-align: center; }
.Down_list .list .game-info { display: none; }
.Down_list .list .game-content:hover .game-name { display: block; }
.Down_list .list .game-content:hover .game-info-hover { display: none; }
.Down_list .list .game-content:hover .game-info { display: block; }

.Downl_detals { width: 1200px; overflow: hidden; margin: 15px auto; }
.Downl_detals .Dow_L { width: 260px; background: #fff; padding: 30px 0; margin-right: 20px;z-index: 2; }
.Downl_detals .Dow_L .pic { width: 160px; height: 160px; display: block; overflow: hidden; margin: 0 auto; }
.Downl_detals .Dow_L .pic img { width: 100%; height: 100%; border-radius: 24px; }
.Downl_detals .Dow_L .name { font-size: 18px; font-weight: bold; margin: 16px 0; display: block; text-align: center; }
.Downl_detals .Dow_L .down-btn { width: 180px; height: 45px; line-height: 45px; margin: 0 auto 12px; position: relative; }
.Downl_detals .Dow_L .down-btn:hover .ercode { display: block; }
.Downl_detals .Dow_L .down-btn a {width: 130px; font-size: 17px; color: #fff;    display: block; float: left; }
.Downl_detals .Dow_L .db-sc a { width: 100%; text-align: center; }
.Downl_detals .Dow_L .down-btn .icon { display: inline-block; width: 25px; height: 25px; background: url("../images/down.png") no-repeat 0 0; margin-left: 12px; vertical-align: middle; }
.Downl_detals .Dow_L .down-btn .icont { display: inline-block; width: 20px; height: 20px; background: url("../images/down.png") no-repeat -2px -3px; vertical-align: middle; margin-right: 3px; }
.Downl_detals .Dow_L .down-btn.db-az { background: #29cc6d; }
.Downl_detals .Dow_L .down-btn.db-pg { background: #5298ff; }
.Downl_detals .Dow_L .down-btn.db-dn { background: #fea342; }
.Downl_detals .Dow_L .down-btn.db-sc { background: #73706d; }
.Downl_detals .Dow_L .down-btn.nodownload { background: #b4bac5; }
.Downl_detals .Dow_L .db-sc .icon { background-position: -1px -272px; }
.Downl_detals .Dow_L .db-dn .icont { background-position: -5px -240px; }
.Downl_detals .Dow_L .down-btn .icon-az { background-position: -5px -28px; }
.Downl_detals .Dow_L .down-btn .icon-pg { background-position: -2px -56px; margin-top: -4px; }
.Downl_detals .Dow_L .detail { margin-top: 15px; }
.Downl_detals .Dow_L .detail a {  font-size: 14px;color: #00ceff; }
.Downl_detals .Dow_L .detail span { display: block; line-height: 30px; margin-left: 40px; font-size: 14px;}
.Downl_detals .Dow_L .detail .lab { color: #fff; background: #00ceff; font-size: 13px; margin: 0 5px 5px 0; border-radius: 3px; padding: 0 5px; display: inline-block; height: 24px; line-height: 24px; }
.Downl_detals .Dow_L .detail .kfsname { border-bottom: 1px dashed #00ceff; }
.Downl_detals .Dow_L .down-btn .code { width: 45px; text-align: center; border-left: 1px solid #999; border-left: 1px solid rgba(153, 153, 153, 0.5); display: inline-block; }
.Downl_detals .Dow_L .down-btn .ercode { display: block; width: 160px; height: 160px; background: url("../images/code.png") no-repeat; position: absolute; right: -170px; top: -20px; z-index: 999999; display: none; }
.Downl_detals .Dow_L .down-btn .ercode img { width: 113px; height: 113px; margin: 20px 20px 20px 28px; }
.Downl_detals .Dow_R { width: 920px; }
.Downl_detals .Dow_R .d-main { padding: 30px; background: #fff; margin-bottom: 20px; }
.Downl_detals .Dow_R .d-main .mgbt { margin-bottom: 35px; }
.Downl_detals .Dow_R .d-main .lead { border-left: 3px solid #cccccc; position: relative; }
.Downl_detals .Dow_R .d-main .lead .con { color: #666; padding: 15px 0 15px 30px; width: 755px; background: #f6f6f6 url("../images/circle.png") 742px -235px no-repeat; height: 70px; }
.Downl_detals .Dow_R .d-main .lead .con p { width: 700px; line-height: 24px; overflow: hidden; height: 72px; }
.Downl_detals .Dow_R .d-main .lead .circle-bt { position: absolute; right: 0; top: 0; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 40px; color: #00ceff; font-style: italic; background: url("../images/circle.png") no-repeat 0 0; }
.Downl_detals .Dow_R .d-main .lead .circle-tp { position: absolute; left: 0; top: 0; height: 100px; background: url("../images/circle.png") no-repeat 0 -108px; }
.Downl_detals .Dow_R .mr-title { border-left: 3px solid #00ceff; padding-left: 8px; color: #00ceff; font-weight: bold; display: inline-block; font-size: 19px; }
.Downl_detals .Dow_R .d-main > .con { margin: 12px 0; color: #666; line-height: 30px; }
/*.Downl_detals .Dow_R .d-main > .con .words { height:300px; overflow: hidden; }*/
.Downl_detals .Dow_R .d-main > .con a.innerlink { color: #00ceff; border-bottom: dashed 1px #00ceff; }
.Downl_detals .Dow_R .d-main .show-all { color: #00ceff; margin-top: -20px; cursor: pointer; }
.Downl_detals .Dow_R u { text-decoration: none; }
.Downl_detals .Dow_R .d-main .show-all p { line-height: 24px; }
.Downl_detals .Dow_R .d-main .show-all i { display: inline-block; width: 8px; height: 8px; background: url("../images/down.png") no-repeat; line-height: 24px; }
.Downl_detals .Dow_R .d-main .show-all .down { background-position: -5px -125px; }
.Downl_detals .Dow_R .d-main > .con.on .words { height: auto; }
.Downl_detals .Dow_R .d-main > .con.on .down { background-position: -18px -125px; }
.Downl_detals .Dow_R .d-main .jietu .show-box { margin-top: 20px; }
.Downl_detals .Dow_R .d-main .jietu .imgbox {     padding-bottom: 10px;    overflow-x: auto;    overflow-y: hidden; position: relative; height: 160px; }
.Downl_detals .Dow_R .d-main .jietu .imgbox::-webkit-scrollbar{
    width:6px;
    height:10px;
    border-radius: 4px;
}
.Downl_detals .Dow_R .d-main .jietu .imgbox::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
    }

.Downl_detals .Dow_R .d-main .jietu .imgbox ul { position: absolute; left: 0; top: 0; }
.Downl_detals .Dow_R .d-main .jietu .imgbox .expand { position: absolute; display: block; width: 40px; height: 40px; background: #111 url("../images/down.png") 7px -135px no-repeat; bottom: 0; right: 0; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); display: none; }
.Downl_detals .Dow_R .d-main .jietu .imgbox li:hover .expand { display: block; }
.Downl_detals .Dow_R .d-main .jietu li { margin-right: 10px; cursor: pointer; position: relative; }
.Downl_detals .Dow_R .d-main .jietu img { width: 100%; height: 100%; }
.Downl_detals .Dow_R .d-main .jietu .scroll-bar { display: none !important; height: 5px; background: #e4e4e4; position: relative; margin-top: 30px; overflow: hidden;  }
.Downl_detals .Dow_R .d-main .jietu .scroll-bar .valve { position: absolute; left: 0; top: 0; height: 5px; background: #73706d; width: 200px; cursor: pointer; }

.bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #111; opacity: 0.9; filter: Alpha(opacity=90); display: none; z-index: 999; }

.m-showbox { position: fixed; left: 50%; top: 50%; box-shadow: 0 0 10px #111; display: none; z-index: 1000; }

.m-showbox .inner-box { position: relative; }

.m-showbox img { display: none; }

.m-showbox img.current { display: block; max-height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.close { position: fixed; width: 70px; height: 70px; background: #111 url("../images/down.png") 18px -300px no-repeat; top: 0; right: 0; cursor: pointer; z-index: 1001; opacity: 0.5; filter: alpha(opacity=50); }

.m-showbox .inner-box .prev { position: absolute; width: 30px; height: 60px; background: #111 url("../images/down.png") no-repeat 0px -365px; left: -80px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

.m-showbox .inner-box .next { position: absolute; width: 30px; height: 60px; background: #111 url("../images/down.png") no-repeat 0px -415px; right: -80px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

.m-showbox .inner-box .prev:hover, .m-showbox .inner-box .next:hover, .close:hover { background-color: #00ceff; }

.about-news { margin: 0 auto 10px; background: #fff; padding: 20px; width: 880px; }

.about-news .tab-link a { display: none; }

.about-news .tab-link a:first-child { display: block; }

.about-news .tab-cont { margin: 10px 0 0; }

.wz-tab { overflow: hidden; }

.wz-tab h2 { margin-right: 20px; float: left; }

.wz-tab span { width: 46px !important; height: 20px !important; display: block; float: left; background: #f5f5f5; text-align: center; line-height: 21px !important; margin: 6px 0 0 0 !important; border: 1px solid #e6e6e6; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-size: 12px !important; color: #999 !important; }

.wz-tabnews { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.wz-tab .bttab-style { background: #00ceff; color: #fff !important; border: 1px solid #00ceff; }

.wz-list { position: relative; }

.lft_lin { height: 210px; position: absolute; left: 14px; width: 1px; background: #ccc; top: 15px; z-index: 0; }

.wz-list + .wz-list { display: none; }

.wz-list ul { display: block; position: relative; z-index: 2; height: 240px; width: 880px; overflow: hidden; }

.wz-list ul li { width: 880px; height: 34px; overflow: hidden; }

.wz-list ul li a { display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 34px; line-height: 34px; margin-left: 6px; width: 700px; text-indent: .5em; font-size: 14px; color: #4c4c4c; }

.wz-list ul li i { display: block; float: left; width: 7px; height: 7px; background: #e6e6e6; border-radius: 50%; margin: 14px 0 0 2px; }

.wz-list ul li:hover i { background: #00ceff; }

.wz-list ul li:hover a { color: #00ceff; }

.wz-list > a { display: block; margin: 16px auto; text-align: center; height: 40px; width: 370px; line-height: 40px; font-size: 14px; color: #999; background: #f0f0f0; border-radius: 20px; }

.wz-list > a:hover { background: #D3D3D3; }

.wz-list ul li span { display: block; float: right; width: 90px; height: 34px; line-height: 34px; font-size: 14px; color: #4c4c4c; }

.like_s { margin: 0 auto 20px; background: #fff; padding: 20px; width: 880px; }
.like_s .newbtboxs { border-bottom: 1px solid #eee; padding: 10px 0 10px 0; overflow: hidden; }
.like_s .newbtboxs > h2, .like_s .newbtboxs > p { height: 22px; line-height: 20px; display: block; float: left; font-size: 18px; font-weight: bold; color: #2e2e2e; margin-right: 10px; border-left: 5px solid #00ceff; padding: 0 0 0 10px; }
.like_s .newbtboxs a.mor { display: block; float: right; width: 50px; height: 30px; line-height: 30px; font-size: 14px; color: #99b898; text-align: center; margin-left: 20px; }
.like_s .newbtboxs a.mor span { display: inline-block; float: left; }
.like_s .newbtboxs a.mor i { display: block; float: right; margin: 14px 2px; background: url(../images/ico-img2.png) no-repeat; height: 4px; width: 10px; background-position: 0 -14px; }
.like_s .newbtboxs a.mor:hover { color: #00ceff; }
.like_s .newtabtops, .like_s .newtabtops2 { display: block; float: left; margin-left: 30px; }
.like_s .newtabtops p, .like_s .newtabtops a, .like_s .newtabtops2 p, .like_s .newtabtops2 a { height: 24px; line-height: 24px; display: block; float: left; margin: 6px 15px 0; font-size: 14px; color: #525252; font-weight: bold; border-bottom: 2px solid #fff; }
.like_s .newtabtops p.on, .like_s .newtabtops a.on, .like_s .newtabtops2 p.on, .like_s .newtabtops2 a.on { color: #00ceff; font-weight: bold; border-bottom: 2px solid #00ceff; }
.like_s .newtabtops a:hover, .like_s .newtabtops2 a:hover { color: #00ceff; }
.like_s .newldflis + .newldflis { display: none; }
.like_s .newldftop { border-bottom: 1px dashed #dfd9ff; padding: 0 3px 10px 3px; overflow: hidden; margin-top: 10px; }
.like_s .newldftop .img { float: left; margin-right: 18px; }
.like_s .newldftop .img, .like_s .newldftop .img img { width: 230px; height: 130px; border-radius: 12px; }
.like_s .newldftop .info { width: 100%; overflow: hidden; }
.like_s .newldftop .info .bt { display: block; font-size: 24px; font-weight: bold; color: #2e2e2e; width: 100%; height: 46px; line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.like_s .newldftop .info .time { overflow: hidden; }
.like_s .newldftop .info .time i { display: block; float: left; background: url(../images/icon_num.png) no-repeat; height: 10px; width: 12px; margin: 13px 5px 0 0; }
.like_s .newldftop .info .time span { font-size: 14px; color: #9d97be; margin-right: 28px; height: 30px; line-height: 36px; }
.like_s .newldftop .info .time .bt { float: left; font-size: 20px; width: auto; height: 30px; line-height: 30px; margin: 0 25px 0 0; }
.like_s .newldftop .info .time .bt:hover { color: #05c300; }
.like_s .newldftop .info .time .mr { float: right; font-size: 14px; line-height: 30px; color: #666; }
.like_s .newldftop .info .time .mr:hover { color: #05c300; }
.like_s .newldftop .info .newmstxt { display: block; width: 100%; line-height: 24px; font-size: 14px; color: #888; overflow: hidden; margin-top: 5px; }
.like_s .newlfslis { width: 100%; margin-top: 20px; overflow: hidden; }
.like_s .newlfslis ul { width: 104%; display: block; }
.like_s .newlfslis ul li { display: block; float: left; margin: 0 15px 20px 0; width: 250px; height: 80px; }
.like_s .newlfslis ul li .img { float: left; overflow: hidden; margin-right: 10px; }
.like_s .newlfslis ul li .img:hover { opacity: 0.88; }
.like_s .newlfslis ul li .img, .like_s .newlfslis ul li .img img { width: 80px; height: 80px; border-radius: 12px; }
.like_s .newlfslis ul li .name { display: block; float: left; width: 160px; height: 25px; line-height: 25px; overflow: hidden; color: #525252; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; }
.like_s .newlfslis ul li .name:hover { color: #05c300; }
.like_s .newlfslis ul li .bq { color: #9d97be; width: 160px; display: block; float: left; height: 18px; line-height: 18px; margin-top: 8px; font-size: 13px; }
.like_s .newlfslis ul li .bq a { color: #666; }
.like_s .newlfslis ul li .bq a:hover { color: #05c300; }
.like_s .newlfslis ul li .bq i { width: 1px; height: 12px; background: #dbdbdb; display: inline-block; margin: 0 8px; }
.like_s .newlfslis ul li .bq em { color: #f08620; font-weight: bold; font-size: 14px; font-family: Georgia; }
.like_s .v_l { background: url(../images/video_l.png) no-repeat center center; padding: 0 8px; height: 11px; background-size: 100% auto; display: inline-block; margin: 0 5px; }

.Cellection { width: 1160px; padding: 20px; overflow: hidden; background: #fff; min-height: 600px; margin: 15px auto; }
.Cellection .title { width: 100%; height: 30px; line-height: 30px; position: relative; }
.Cellection .title span { color: #4c4c4c; font-size: 22px; }
.Cellection .list { width: 1200px; padding-top: 20px; overflow: hidden; }
.Cellection .list li { display: block; float: left; width: 270px; height: 260px; background: #fff; border-radius: 10px; overflow: hidden; margin: 0 24px 20px 0; transition: all .2s linear; -webkit-transition: all .2s linear; border: 1px solid #f2f2f2; border-radius: 4px; overflow: hidden; }
.Cellection .list li img { width: 280px; height: 140px; }
.Cellection .list li span { display: block; width: 250px; height: 26px; line-height: 26px; margin: 8px auto 0; color: #404040; font-size: 16px; overflow: hidden; }
.Cellection .list li p { width: 250px; height: 40px; margin: 0 auto; color: #a6a6a6; font-size: 12px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.Cellection .list li i { display: block; float: left; width: auto; padding: 0 12px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #8ba8a3; border: 1px solid #8ba8a3; border-radius: 160px; margin: 10px 16px; }
.Cellection .list li:hover { margin-top: -5px; margin-bottom: 25px; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.Cellection .list li:hover i { color: #D5241C; border: 1px solid #D5241C; }
.Cellection .list li:hover span { color: #D5241C; }
.Cellection .list li:hover p { color: #595959; }
.Cellection .list .time { width: 250px; margin: 5px auto; height: 26px; line-height: 26px; color: #8ba8a3; font-size: 12px; }

.con_art { width: 1200px; margin: 15px auto; }

.con_art dt { border: 1px solid #ececec; padding: 20px; height: 215px; color: #333; position: relative; margin-bottom: 15px; background: #fff; width: 1158px; }

.con_art dt b, .con_art dt u, .con_art dt s, .con_art dt em, .con_art dt i { display: block; }

.con_art dt .con_arttent { width: 660px; height: auto; float: left; font-size: 14px; position: absolute; right: 22px; top: 10px; color: #666; line-height: 28px; }

.con_art dt h1 { position: relative; }

.con_art dt h1, .con_art dt b { border-bottom: 1px solid #f0f0f0; font: 24px '\5fae\8f6f\96c5\9ed1','\9ed1\4f53'; color: #000; font-weight: 400; height: 45px; line-height: 45px; margin-bottom: 12px; }

.con_art dt .img { width: 450px; height: 210px; float: left; margin-right: 25px; position: relative; z-index: 1; }

.con_art dt i { height: 47px; line-height: 47px; float: left; }

.con_art dt s, .con_art dt em { float: left; width: 92px; padding-left: 28px; height: 28px; line-height: 28px; }

.con_art dt i s { background: url(../images/kicon.gif) no-repeat; }

dt i em { background: url(/images/kicon.gif) 0 -25px no-repeat; }

.con_art dt .content { width: 660px; height: auto; float: left; font-size: 14px; position: absolute; right: 22px; top: 10px; color: #666; line-height: 28px; }
.con_art dt .content .desc { height: 110px; overflow: hidden; margin-bottom: 10px; }
.con_art dt .content .bq { margin-top: 6px; width: 660px; }
.con_art dt .content .bq p { float: left; }
.con_art dt .content .bq span { float: left; }
.con_art dt .content .bq a { width: 70px; display: block; height: 25px; float: left; border: 1px solid #00ceff; color: #00ceff; text-align: center; line-height: 25px; border-radius: 4px; margin-left: 10px; margin-bottom: 3px; padding: 0 5px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.con_art dt .content .bq a:hover { background: #00ceff; color: white; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }

#ztmobile { background: #00ceff url(../images/mobile.png) no-repeat 5px center; color: #fff; display: inline-block; width: 155px; height: 32px; line-height: 32px; position: absolute; right: 0; top: 2px; font-size: 15px; border-radius: 4px; text-indent: 31px; z-index: 2; }
#ztmobile:hover #ztewm { display: block; }

#ztmobile i { position: absolute; right: 0; top: 0; width: 53px; height: 32px; background: url(../images/xma.png) no-repeat 11px; }

#ztewm { position: absolute; right: -112px; top: 0; border: #00ceff solid 3px; padding: 8px; width: 130px; height: 150px; background: #fff; z-index: 999; display: none; }

#ztewm img { width: 130px; height: 130px; display: block; }

#ztewm p { line-height: 24px; height: 24px; color: #333; text-indent: 0; font-size: 14px; text-align: center; font-weight: bold; }

.zthj-list { padding: 15px 10px 0 0; }

.zthj-list > ul { width: 1244px; }

.zthj-list > ul > li { box-shadow: 0 0 0 1px #eee; padding-bottom: 15px; display: block; float: left; width: 365px; height: auto; background: #fff; margin: 0 25px 40px 2px; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; }
.zthj-list > ul > li:hover .ewm { display: block; }

.zthj-list > ul > li:hover { margin-top: -5px; margin-bottom: 45px; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.zthj-list > ul > li > a img { width: 100px; height: 100px; }
.zthj-list > ul > li > a .img { border-radius: 12px; display: block; float: left; margin: 20px; }
.zthj-list > ul > li > a .ewm { position: absolute; left: 20px; top: 20px; display: none; }

.bqtips { background: url(../images/kicon.gif) no-repeat; width: 110px; height: 106px; position: absolute; right: -3px; top: -6px; z-index: 9; }

.bqtj { background-position: 0 -112px; }

.bqlove { background-position: 0 -224px; }

.bqtips2 { width: 23px; height: 43px; background: url(../images/ico-tuijian.png) no-repeat; position: absolute; left: 0; text-align: center; z-index: 9; top: -18px; color: #fff; line-height: 15px; padding-top: 23px; font-size: 12px; }

.ztli-name { display: block; float: left; width: 220px; height: 100px; margin-top: 20px; }
.ztli-name .start { width: 103px; height: 20px; position: relative; overflow: hidden; background: url(../images/start.png) no-repeat; margin-top: 10px; }
.ztli-name .start span { max-width: 100%; height: 20px; position: absolute; left: 0; bottom: 0; background: url(../images/start.png) no-repeat; background-position: 0 -22px; }

.ztli-name a.bt { display: block; width: 226px; height: 24px; line-height: 24px; color: #595959; font-size: 16px; font-weight: bold; overflow: hidden; }

.ztli-name a.bt:hover { color: #00ceff; }

.ztli-name > p { color: #8ba8a3; font-size: 12px; width: 220px; height: 16px; overflow: hidden; line-height: 16px; margin: 16px 0 15px; }

.ztli-name > span { display: block; float: left; font-size: 22px; color: #8ba8a3; margin: 0 0 0 4px; font-weight: bold; }

.ztls-jj { width: 340px; height: 66px; margin: 0 0 0 20px; color: #999; font-size: 12px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.ztls-jj span { font-weight: bold; color: #f60; margin-right: 5px; font-size: 12px; }

.ztls-bq { width: 360px; margin: 12px 0 0 14px; overflow: hidden; height: 32px; }

.ztls-bq a { display: block; float: left; padding: 0 16px; height: 28px; line-height: 26px; text-align: center; background: #f0f3f3; margin: 2px 10px 0 0; border-radius: 20px; color: #666; }

.ztls-bq a:hover { background: #00ceff; color: #fff; }

.btdowl { width: 55px; display: block; float: left; font-size: 14px; border-radius: 4px; text-align: center; color: #00ceff; border: 1px solid #00ceff; position: absolute; right: 20px; top: 90px; }

.btdowl:hover { background: #00ceff; color: #fff; }

 

/* 20230321 */
.MoreList { background: #f5f5f5; border-radius: 8px; overflow: hidden; margin-top: 20px; }

.CollectionList { overflow: hidden; width: 102%; margin-bottom: 20px; }

.CollectionList li { display: block; float: left; margin: 0 0 20px 20px; width: 240px; height: 140px; position: relative; border-radius: 6px; overflow: hidden; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.CollectionList li:hover { opacity: 0.88; }

.CollectionList li img { width: 100%; height: 140px; }

.CollectionList li p { width: 220px; height: 30px; line-height: 30px; padding: 0 10px; background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.RecmItems { background: #f5f5f5; margin-top: 20px; border-radius: 8px; overflow: hidden; padding: 15px 0; }

.RecmItems li { float: left; width: 20%; }

.RecmItems li a { display: block; margin: 0 auto; position: relative; }

.RecmItems li:hover img { opacity: 0.8; }

.RecmItems li:hover p { color: #00ceff; }

.RecmItems li img { display: block; margin: 0 auto; width: 120px; position: relative; z-index: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.RecmItems li span { position: absolute; z-index: 2; right: 15px; top: -5px; background: #00ceff; width: 20px; height: 25px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; }

.RecmItems li span::after { display: block; content: ""; position: absolute; width: 0; height: 0; right: 0; bottom: -10px; border: 10px solid #00ceff; border-bottom: 5px solid transparent; }

.RecmItems li p { display: block; width: 120px;margin: 10px auto 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 25px; line-height: 25px; font-size: 16px; color: #333;  font-weight: bold; }

.RankItems .item { background: #f5f5f5; margin-top: 20px; border-radius: 8px; padding: 10px; }

.RankItems .item .cont { background: #fff; overflow: hidden; border-radius: 8px; padding: 10px; height: 100px; position: relative; }

.RankItems .item .cont img { display: block; float: left; width: 100px; height: 100px; border-radius: 18px; margin-right: 15px; }

.RankItems .item .cont .info { float: left; width: 500px; }

.RankItems .item .cont .info .bt { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.RankItems .item .cont .info p { height: 50px; line-height: 25px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px; }

.RankItems .item .cont .btn { display: block; float: right; background: #00ceff; color: #fff; font-size: 16px; text-align: center; width: 120px; height: 120px; line-height: 180px; margin: -10px -10px 0 0; text-indent: 25px; position: relative; }

.RankItems .item .cont .btn::before { display: block; content: ""; position: absolute; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMAvHD9KFns5oRfQgoH3L+0k4l5Ry0a+vLfcjAgE8/NxJ1qYk0O9KaaOzH5zygRAAABB0lEQVRIx+3V126DMBhAYeIEk8HIIIxCM9p0nfd/wPJXVK7qJDZ3lcq5wUJ8RsaWCP5BTcViIHmFl3YYmQD5cDIbyUhGcr88iZaGrLJCeU2/+ybxI/DgQ1h+XfaBCDfJp3TlJyhnmQy3gbN3uqIIdCKjeeDREpMIn3aWcPdsC7dxiP3T3roXithcebSRy0eJbm1z7eu2mlJ2aQ6EgdXlYt8L+1dvzHa52vbkDLz5kRNw7ncu8SMJIMc8PoDfH2sBHGIZKSBaucUqApQZpm6SYqZe0FXtHAev4ucC1kg6zSY3ylKNtJanjXEnwhQWOCt+nZFYHfX0TvqoYmt9s1DV6kZ1HTbBn+8TsJE2nRx0UkYAAAAASUVORK5CYII=) no-repeat; background-size: 100%; right: 27px; top: 20px; }

.RankItems .item .cont::after, .RankItems .item .cont::before { display: block; content: ""; position: absolute; border: 64px solid #fff; border-left: 0 solid #fff; border-right: 35px solid #fff; width: 0; height: 0; right: 104px; top: -7px; -webkit-transform: rotate(13deg); transform: rotate(10deg); z-index: 2; }

.RankItems .item .cont::after { right: 94px; top: -6px; border-color: #f5f5f5; border-right: 10px solid #f5f5f5; }

.PicBox { overflow: hidden; background: #fff; border-radius: 8px; padding: 10px; margin-top: 10px; }

.PicBox .GamePic { position: relative; overflow: hidden; }

.PicBox .GamePic .swiper-slide { width: auto; }

.PicBox .GamePic .swiper-slide img { display: block; height: 360px; width: auto; border-radius: 6px; }