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: #666; }
body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f5f5f5; }
.fl { float: left; }

.fr { float: right; }

.clearfix { clear: both; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; }

.W1200 { 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; }

.QZ_top { width: 100%; height: 40px; background: #333; position: relative; z-index: 2; }
.QZ_top .top_cont { height: 40px; }
.QZ_top .top_cont .home { float: left; height: 40px; line-height: 40px; font-size: 14px; }
.QZ_top .top_cont .home a { color: #9e9e9e; padding: 0 10px; }
.QZ_top .top_cont .home:hover a { color: #fefefe; }
.QZ_top .top_cont .home i.ic_hm { display: inline-block; background: url(../images/ico-img.png) no-repeat; height: 12px; width: 11px; background-position: 0 -92px; }
.QZ_top .top_cont .link { overflow: hidden; }
.QZ_top .top_cont .link li + li { margin-left: 10px; }
.QZ_top .top_cont .link li + li a:before { content: '|'; padding-right: 10px; opacity: .2; }
.QZ_top .top_cont .link li { float: left; position: relative; }
.QZ_top .top_cont .link li a { color: #a0a0a0; font-size: 14px; height: 40px; line-height: 40px; }
.QZ_top .top_cont .link li a:hover { color: #fff; }

.Qz_head { width: 100%; background-color: #fff; overflow: hidden; height: 50px; padding: 15px 0; z-index: 1; position: relative; }
.Qz_head .logo { height: 50px; width: 180px; display: block; background: url(../images/logo.png) 0 0 no-repeat; overflow: hidden; background-size: auto 100%; }
.Qz_head .head-nav { margin: 0 15px; }
.Qz_head .nav { height: 50px; overflow: hidden; }
.Qz_head .nav li { float: left; line-height: 30px; position: relative; z-index: 10; }
.Qz_head .nav li a { display: block; padding: 0 15px; line-height: 50px; text-align: center; font-size: 18px; position: relative;font-weight: bold; }
.Qz_head .nav li a:hover, .Qz_head .nav li a.active { color: #12cdb0; }
.Qz_head .nav li a:after { content: ''; width: 0; position: absolute; bottom: 0; left: 50%; margin-left: 0; height: 2px; background-color: #12cdb0; transition: all 0.2s; }
.Qz_head .nav li a.active:after, .Qz_head .nav li a:hover:after { width: 100%; left: 50%; margin-left: -50%; }
.Qz_head .search { float: right; z-index: 99; margin-top: 7px; }
.Qz_head .search form { border: 2px solid #12cdb0; height: 31px; background-color: #fff; overflow: hidden; position: relative; padding-right: 40px; }
.Qz_head .input-search { display: block; border: 0; margin: 5px; background: none; height: 21px; width: 150px; line-height: 21px; font-size: 16px; color: #999; border: none; }
.Qz_head .btn-search { position: absolute; right: 0; top: 0; display: block; border: 0; width: 40px; height: 31px; overflow: hidden; cursor: pointer; z-index: 2; background: #12cdb0 url(../images/ic_search.png) no-repeat center; }

.footer { width: 100%; background: #2e2d2d; padding-bottom: 20px; overflow: hidden; }
.footer ul.link { margin-top: 20px; }
.footer ul.link li { display: block; float: left; position: relative; height: 28px; line-height: 28px; padding: 0 20px 0 0; }
.footer ul.link li a { color: #7e7e7e; font-size: 14px; }
.footer ul.link li:hover a { color: #fefefe; }
.footer ul.link li + li:before { position: absolute; left: -10px; top: 10px; display: block; content: ' '; height: 12px; width: 2px; background: #494949; }
.footer .Copyright { width: 100%; color: #7e7e7e; font-size: 14px; margin-top: 6px; }
.footer .Copyright p { line-height: 30px; }
.footer .Copyright span { margin: 0 5px; }
.footer .Copyright a { color: #7e7e7e; }

.Min1 { background: #fff; height: 130px; width: 1200px; overflow: hidden; margin: 15px auto; }
.Min1 .tab_menu { border-left: 1px solid #e8e7ed; border-top: 1px solid #e8e7ed; }
.Min1 .tab_menu li { width: 130px; height: 42px; line-height: 42px; text-align: center; border-bottom: 1px solid #e8e7ed; font-size: 16px; background: #f5f5f5; cursor: pointer; position: relative; transition: all .2s linear; }
.Min1 .tab_menu li i { display: block; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; position: absolute; right: -10px; top: 50%; margin-top: -5px; }
.Min1 .tab_menu .on { background: #12cdb0; color: #fff; }
.Min1 .tab_menu .on i { border-left: 5px solid #12cdb0; }
.Min1 .tab_bd { width: 1200px; height: 129px; overflow: hidden; border-bottom: 1px solid #e8e7ed; }
.Min1 .tab_bd ul + ul { display: none; }
.Min1 .tab_bd ul li { width: 80px; float: left; margin: 12px 0 0 24px; }
.Min1 .tab_bd ul li a img, .Min1 .tab_bd ul li img img { display: block; width: 80px; height: 80px; border-radius: 16px; }
.Min1 .tab_bd ul li p { height: 35px; line-height: 35px; border-bottom: 2px solid transparent; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Min1 .tab_bd ul li a:hover p { border-color: #19b955; color: #19b955; }

.Min2 { width: 1200px; overflow: hidden; margin: 15px auto; }
.Min2 .M2_L { width: 420px; padding: 10px; overflow: hidden; background: #fff; }
.Min2 .M2_L .mb-slide { width: 420px; height: 318px; position: relative; overflow: hidden; }
.Min2 .M2_L .mb-slide .hd { position: absolute; bottom: 10px; overflow: hidden; *zoom: 1; z-index: 2; width: 30px; height: 30px; right: 10px; }
.Min2 .M2_L .mb-slide .hd ul { zoom: 1; float: left; width: 100%; }
.Min2 .M2_L .mb-slide .hd ul li { width: 8px; height: 8px; overflow: hidden; margin: 5px 4px 0 0; background-color: #999; float: left; cursor: pointer; }
.Min2 .M2_L .mb-slide .hd ul li.on { background: #12cdb0; }
.Min2 .M2_L .mb-slide .bd { position: relative; height: 100%; z-index: 0; }
.Min2 .M2_L .mb-slide .bd li { zoom: 1; vertical-align: middle; position: relative; }
.Min2 .M2_L .mb-slide .bd p { text-align: left; width: 100%; height: 50px; overflow: hidden; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); }
.Min2 .M2_L .mb-slide .bd p a { color: #fff; font-size: 18px; line-height: 50px; margin-left: 20px; max-width: 360px; overflow: hidden; height: 50px; display: block; }
.Min2 .M2_L .mb-slide .bd img { width: 420px; height: 318px; display: block; }
.Min2 .M2_L .Tags_box { overflow: hidden; width: 430px; margin-top: 5px; }
.Min2 .M2_L .Tags_box a { width: 185px; display: block; float: left; margin: 10px 10px 0 0; line-height: 25px; padding: 10px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.Min2 .M2_L .Tags_box a:hover { opacity: 0.8; }
.Min2 .M2_L .Tags_box .n1 { background-color: #fff1ee; color: #ff784f; }
.Min2 .M2_L .Tags_box .n2 { background-color: #e5fcff; color: #2eace0; }
.Min2 .M2_L .Tags_box .n3 { background-color: #e8fdf2; color: #08af57; }
.Min2 .M2_L .Tags_box .n4 { background-color: #f2f3fe; color: #7b82d1; }
.Min2 .M2_L .Tags_box .n5 { background-color: #fff8e8; color: #f80; }
.Min2 .M2_L .Tags_box .n6 { background-color: #fff1ee; color: #ff784f; }
.Min2 .M2_L .Llist { overflow: hidden; margin-top: 5px; width: 430px; }
.Min2 .M2_L .Llist li { float: left; margin: 10px 10px 0 0; width: 187px; border: 1px solid #eee; padding: 8px; overflow: hidden; }
.Min2 .M2_L .Llist li:hover { border-color: #ddd; }
.Min2 .M2_L .Llist li .img { float: left; }
.Min2 .M2_L .Llist li .img, .Min2 .M2_L .Llist li .img img { width: 40px; height: 40px; margin-right: 10px; display: block; }
.Min2 .M2_L .Llist li .title { line-height: 20px; overflow: hidden; height: 40px; font-size: 12px; display: block; float: left; width: 137px; }
.Min2 .M2_L .Llist li .title:hover { color: #12cdb0; }
.Min2 .M2_L .Llist li .title p { height: 20px; overflow: hidden; line-height: 20px; }
.Min2 .M2_M { width: 410px; padding: 10px; margin: 0 15px; background: #fff; }
.Min2 .M2_M .tab_menu { height: 40px; background: #fafafa; border-bottom: 1px solid #e8e7ed; }
.Min2 .M2_M .tab_menu li { width: 33%; text-align: center; float: left; font-size: 18px; cursor: pointer; transition: all .2s linear; }
.Min2 .M2_M .tab_menu li span { display: block; width: 97px; line-height: 37px; border-bottom: 3px solid transparent; margin: 0 auto; }
.Min2 .M2_M .tab_menu .on span { font-weight: 700; color: #12cdb0; border-color: #12cdb0; }
.Min2 .M2_M .tab_cont ul + ul { display: none; }
.Min2 .M2_M .tab_cont ul { padding: 11px 0 0; overflow: hidden; }
.Min2 .M2_M .tab_cont ul li { width: 100%; height: 20px; line-height: 20px; padding: 6px 0; float: left; font-size: 14px; }
.Min2 .M2_M .tab_cont ul li a:hover { color: #12cdb0; }
.Min2 .M2_M .tab_cont ul li .tag { width: 88px; color: #999; overflow: hidden; height: 20px; }
.Min2 .M2_M .tab_cont ul li .tag2 { width: 60px; margin-left: 20px;}
.Min2 .M2_M .tab_cont ul li a, .Min2 .M2_M .tab_cont ul li .txt, .Min2 .M2_M .tab_cont ul li img { display: block; float: left; }
.Min2 .M2_M .tab_cont ul li img { width: 20px; height: 20px; margin-right: 10px; vertical-align: bottom; }
.Min2 .M2_M .tab_cont ul li .txt { width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Min2 .M2_M .tab_cont ul li .time { float: right; color: #999; }
.Min2 .M2_M .tab_cont ul .line { height: 0; border-bottom: 1px solid #eee; padding: 0; margin: 10px 0; }
.Min2 .M3_R { width: 280px; padding: 10px; background: #fff; overflow: hidden; }
.Min2 .M3_R .tithd { height: 20px; overflow: hidden; }
.Min2 .M3_R .tithd em { float: left; height: 20px; line-height: 20px; padding: 0 12px; font-size: 18px; font-weight: 700; font-size: 16px; border-left: 4px solid #12cdb0; color: #444; }
.Min2 .M3_R .tithd .morelk { font-size: 12px; color: #666; line-height: 20px; height: 20px; }
.Min2 .M3_R .tithd .morelk:hover { color: #12cdb0; }
.Min2 .M3_R .tithd .morelk i { color: #12cdb0; margin-left: 2px; }
.Min2 .M3_R .R3_zt { overflow: hidden; margin-top: 5px; height: 140px; }
.Min2 .M3_R .R3_zt li { float: left; width: 280px; height: 60px; margin-top: 10px; background: #F3F3F3; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.Min2 .M3_R .R3_zt li:hover { background: #12cdb0; }
.Min2 .M3_R .R3_zt li:hover .img img { transform: scale(1.1); }
.Min2 .M3_R .R3_zt li:hover .title { color: #fff; }
.Min2 .M3_R .R3_zt li .img { float: left; width: 120px; height: 60px; overflow: hidden; }
.Min2 .M3_R .R3_zt li .img img { width: 120px; height: 60px; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.Min2 .M3_R .R3_zt li .title { float: right; width: 140px; height: 40px; overflow: hidden; line-height: 20px; font-size: 14px; margin: 10px 8px 0 0; display: inline; }
.Min2 .M3_R .R3_zt2 { overflow: hidden; }
.Min2 .M3_R .R3_zt2 li { width: 100%; height: 125px; margin-top: 13px; position: relative; float: left; }
.Min2 .M3_R .R3_zt2 li img { width: 100%; height: 100%; }
.Min2 .M3_R .R3_zt2 li .tit { width: 90%; line-height: 34px; text-align: center; overflow: hidden; margin: 0 auto; position: absolute; left: 5%; bottom: 0; z-index: 2; color: #fff; font-size: 16px; }
.Min2 .M3_R .R3_zt2 li .tit:hover { color: #12cdb0; }
.Min2 .M3_R .R3_zt2 li .bg { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #000; opacity: 0.8; height: 34px; line-height: 34px; overflow: hidden; }

.Min3 { width: 1200px; overflow: hidden; margin: 15px auto; }
.Min3 .M3_lis { background: #fff; padding: 10px; width: 570px; }
.Min3 .M3_lis .tab_hd { width: 120px; overflow: hidden; border-bottom: 1px solid #eee; }
.Min3 .M3_lis .tab_hd a { border-left: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #eee; display: block; text-align: center; font-size: 16px; line-height: 49px; background-color: #f8f8f8; }
.Min3 .M3_lis .tab_hd .on { background-color: #fff; border-right-color: #fff; color: #12cdb0; border-left: 3px solid #12cdb0; }
.Min3 .M3_lis .tab_bd { overflow: hidden; width: 440px; }
.Min3 .M3_lis .tab_bd ul + ul { display: none; }
.Min3 .M3_lis .tab_bd ul.listA { overflow: hidden; height: 400px; }
.Min3 .M3_lis .tab_bd ul.listA li { float: left; width: 100px; margin: 17px 5px 11px 5px; text-align: center; }
.Min3 .M3_lis .tab_bd ul.listA li .img { width: 80px; height: 80px; display: block; margin: 0 auto 5px; }
.Min3 .M3_lis .tab_bd ul.listA li .img img { width: 100%; height: 100%; }
.Min3 .M3_lis .tab_bd ul.listA li .title { width: 80px; line-height: 20px; margin: 0 auto; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 14px; }
.Min3 .M3_lis2 { width: 1180px; overflow: hidden; height: 300px; }
.Min3 .M3_lis2 .tab_bd { width: 1060px; background: #f5f5f5; margin: -10px -10px -10px 0; height: 320px; }
.Min3 .M3_lis2 ul.listB { height: auto !important; }
.Min3 .M3_lis2 ul.listB li { width: 520px; height: 30px; background: #fff; margin-left: 10px; float: left; line-height: 30px; padding: 5px 0; }
.Min3 .M3_lis2 ul.listB li a { display: block; height: 30px; overflow: hidden; width: 420px; float: left; font-size: 15px; margin-left: 5px; white-space: nowrap; text-overflow: ellipsis; }
.Min3 .M3_lis2 ul.listB li a:hover { color: #12cdb0; }
.Min3 .M3_lis2 ul.listB li a i { color: #12cdb0; margin: 0 8px; font-size: 14px; }
.Min3 .M3_lis2 ul.listB li span { color: #999; font-size: 14px; display: block; float: right; width: 90px; text-align: center; }
.Min3soft .M3_lis .tab_bd ul.listA{    height: 524px;}
.Min3soft .M3_lis{    width: 1200px;}
.Min3soft .M3_lis .tab_bd{    width: 1050px;}
.cont_title { border-bottom: 2px solid #eee; line-height: 38px; padding: 10px 10px 0; position: relative; margin-bottom: 10px; background: #fff; overflow: hidden; }
.cont_title .title { border-bottom: 3px solid #0cc6c6; margin-bottom: -2px; line-height: 30px; display: inline-block; vertical-align: top; font-size: 24px; padding: 0 10px 7px; float: left; }
.cont_title .more { line-height: 30px; color: #999; font-size: 14px; }
.cont_title .more:hover { color: #12cdb0; }
.cont_title .more i { display: inline-block; width: 16px; height: 16px; background: url(../images/arrow-right.png) no-repeat center; vertical-align: middle; margin-bottom: 2px; }

.Min4 { width: 1200px; overflow: hidden; margin: 15px auto; }
.Min4 .cont_title .tab_hd { float: left; margin-left: 28%; }
.Min4 .cont_title .tab_hd span { width: 100px; height: 30px; float: left; display: inline-block; line-height: 30px; color: #fff; text-align: center; background: #999; margin-right: 10px; font-weight: bold; position: relative; font-size: 14px; }
.Min4 .cont_title .tab_hd span::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #999; transform: rotate(45deg); position: absolute; left: 0; right: 0; margin: auto; bottom: -5px; }
.Min4 .cont_title .tab_hd .on { background: #12cdb0; }
.Min4 .cont_title .tab_hd .on::before { background: #12cdb0; }
.Min4 .hj_item { background: #fff; height: 180px; width: 1170px; padding: 15px; }
.Min4 .hj_item ul + ul { display: none; }
.Min4 .hj_item ul { width: 1200px; }
.Min4 .hj_item ul li + li { margin-left: 20px; }
.Min4 .hj_item ul li { float: left; }
.Min4 .hj_item ul li:hover a { -webkit-box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 1pc -8px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 1pc -8px rgba(0, 0, 0, 0.2); transform: translateY(-2px); -ms-transform: translateY(-2px); }
.Min4 .hj_item ul li a { float: left; display: relative; display: block; overflow: hidden; width: 277px; border-radius: 4px; transition: all .2s linear; }
.Min4 .hj_item ul li a img { width: 100%; display: block; height: 140px; }
.Min4 .hj_item ul li a p { clear: both; overflow: hidden; height: 42px; border-right: 1px solid #fafafc; border-bottom: 1px solid #fafafc; border-left: 1px solid #fafafc; background: #fff; color: #565656; text-align: center; font-size: 15px; line-height: 42px; padding: 0 10px; }
.Min4 .hj_item ul li a p:hover { color: #12cdb0; }

.Phbwrap { width: 1200px; overflow: hidden; margin: 15px auto; }
.Phbwrap .item + .item { margin-left: 20px; }
.Phbwrap .item { float: left; overflow: hidden; background: #fff; padding: 10px; width: 366px; min-height: 480px; }
.Phbwrap .item .box-title { height: 35px; border-bottom: 2px solid #ebebeb; position: relative; }
.Phbwrap .item .box-title .bt { display: inline-block; padding: 0 15px; line-height: 35px; font-weight: 700; border-bottom: 2px solid #12cdb0; font-size: 20px; cursor: default; }
.Phbwrap .item .box-title .more { float: right; margin: 8px 10px 0 0; font-size: 14px; }
.Phbwrap .item .list { position: relative; border-bottom: 1px dotted #f5f5f5; color: #666; font-size: 12px; width: 366px; text-align: center; }
.Phbwrap .item .list tr { width: 100%; border-bottom: 1px dotted #ebebeb; }
.Phbwrap .item .list tr td {  height: 40px;
    border-bottom: 1px dotted #ebebeb;
    color: #999;
    font-size: 14px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0; }
.Phbwrap .item .list tr .num .n { width: 17px; height: 17px; display: inline-block; background: #ccc; line-height: 17px; text-align: center; color: #fff; font-size: 12px; }
.Phbwrap .item .list tr .num1 .n { background: #f60; color: #fff; }
.Phbwrap .item .list tr .num2 .n { background: #ff9000; color: #fff; }
.Phbwrap .item .list tr .num3 .n { background: #ffc000; color: #fff; }
.Phbwrap .item .list tr .name:hover { color: #12cdb0; text-decoration: underline; }
.Phbwrap .item .list tr .down_btn { display: block; margin: 1px auto; width: 24px; height: 24px; background-color: #f2f2f2; background-image: url(../images/ic_downl.png); background-repeat: no-repeat; background-position: 6px -36px; overflow: hidden; border-radius: 4px; transition: all .2s linear; }
.Phbwrap .item .list tr .down_btn:hover { background-color: #a3ce0e; background-position: 6px 6px; }
.Phbwrap .item .list tr:hover { background: #f7f7f7 !important; }
.Phbwrap .item .list th { line-height: 32px; }
.Phbwrap .item .list th.time { width: 55px; }
.Phbwrap .item .list th.name { width: 190px; }
.Phbwrap .item .list th.type { width: 75px; }
.Phbwrap .item .list th.downtr { width: 44px; }

.YQlink { background: #fff; padding: 20px 0; margin-top: 20px; overflow: hidden; }
.YQlink .bt { border-left: 4px solid #12cdb0; color: #333; font-size: 24px; text-indent: 15px; height: 26px; line-height: 26px; }
.YQlink .links { margin: 10px 0 0; }
.YQlink .links a { margin-right: 18px; float: left; line-height: 32px; display: block; white-space: nowrap; font-size: 14px; color: #999; }
.YQlink .links a:hover { color: #12cdb0; }

.crumb { overflow: hidden; height: 35px; line-height: 35px; padding-top: 5px; font-size: 12px; color: #b0b0b0; font-family: monospace; margin: 10px auto; max-width: 1190px; background: #fff; padding-left: 10px; }
.crumb i { width: 16px; height: 19px; background: url(../images/ic_map.png) no-repeat; display: block; float: left; margin: 6px 10px 0 2px; }
.crumb em { font-weight: bold; color: #767676; }
.crumb a { color: #b0b0b0; }
.crumb a:hover { color: #12cdb0; }

.tags_wrap { padding: 10px; margin: 10px auto; width: 1180px; background: #fff; overflow: hidden; }
.tags_wrap .crumb { margin: 0; }
.tags_wrap .tags { overflow: hidden; width: 101%; }
.tags_wrap .tags li { width: 100px; height: 36px; line-height: 36px; text-align: center; overflow: hidden; float: left; margin: 12px 15px 0 4px; }
.tags_wrap .tags li a { width: 100%; height: 100%; display: block; background-color: #f7f7f7; color: #333; font-size: 15px; transition: all .2s linear; }
.tags_wrap .tags li a:hover { color: #fff; background: #12cdb0; }
.tags_wrap .tags .on a{ color: #fff; background: #12cdb0; }

.downls_head { padding: 10px; background: #fff; width: 1180px; overflow: hidden; margin: 0 auto 10px; }
.downls_head a { float: left; line-height: 50px; height: 100%; font-size: 16px; color: #959595; padding: 0 15px; cursor: pointer; }
.downls_head a span { display: block; border-bottom: 4px solid transparent; }
.downls_head .on span { color: #12cdb0; border-color: #12cdb0; }

.downls_list { width: 1180px; padding: 10px; background: #fff; margin: 10px auto; min-height: 400px; }
.downls_list ul { display: block; display: table; width: 103%; height: auto; }
.downls_list ul li { width: 170px; height: 250px; background: #fff; float: left; margin: 10px 20px 20px 8px; border-radius: 6px; overflow: hidden; position: relative; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.downls_list ul li .img { width: 110px; height: 110px; border-radius: 12px; overflow: hidden; display: block; margin: 24px 34px 10px; }
.downls_list ul li .img img { width: 110px; height: 110px; border-radius: 12px; }
.downls_list ul li .fenl { font-size: 13px; color: #b8b8b8; height: 16px; line-height: 16px; text-align: center; }
.downls_list ul li .fenl p { display: inline; }
.downls_list ul li .fenl span { margin: 0 5px; }
.downls_list ul li .time { text-align: center; font-size: 13px; color: #b8b8b8; margin: 6px auto; }
.downls_list ul li .name, .downls_list ul li .donwl { position: absolute; left: 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; width: 92%; height: 50px; line-height: 50px; font-size: 15px; color: #2e2e2e; text-align: center; background: #f6f9fc; padding: 0 4%; }
.downls_list ul li .donwl { display: none; background: #12cdb0; color: #fff; z-index: 2; font-size: 16px; }
.downls_list ul li:hover a.donwl { display: block; }
.downls_list ul li:hover { box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.1); }

.pagewrap { max-width: 1180px; padding: 20px 10px; margin: 10px auto; background: #fff; }
.pagewrap .pagination { text-align: center; }
.pagewrap .pagination li { display: inline-block; _zoom: 1; display: inline; background-color: #fff; display: inline-block; color: #8b8b8b; margin: 0 2px; overflow: hidden; }
.pagewrap .pagination li a, .pagewrap .pagination li span { padding: 0 12px; height: 38px; line-height: 38px; display: inline-block; overflow: hidden; float: left; color: #828282; border: 1px solid #ededed; font-size: 12px; }
.pagewrap .pagination li:hover a, .pagewrap .pagination li:hover span { text-decoration: underline; }
.pagewrap .pagination .active { background: #12cdb0; }
.pagewrap .pagination .active a, .pagewrap .pagination .active span { color: #fff; }

.pagebox{    max-width: 1180px;padding: 20px 10px;margin: 10px auto;background: #fff; text-align: center;}
.pagebox a{display: inline-block;margin: 0 5px;color: #000;font-size: 14px;padding: 7px 12px;border: 1px solid #e4e4e3;}
.pagebox span{display: inline-block;margin: 0 5px;color: #000;font-size: 14px;padding: 7px 12px;border: 1px solid #e4e4e3;}
.pagebox a:hover{color: #fff;border: 1px solid #12cdb0;background: #12cdb0;}
.pagebox span{color: #fff;border: 1px solid #12cdb0;background: #12cdb0;}
.pagebox a{display: inline-block;margin: 0 5px;color: #000;font-size: 14px;padding: 7px 12px;border: 1px solid #e4e4e3;}




.content { width: 1200px; margin: 0 auto 10px; overflow: hidden; }
.content .Min_L { width: 900px; overflow: hidden; min-height: 400px; margin-right: 10px; }
.content .Min_L .downl_detail { padding: 10px; background: #fff; }
.content .Min_L .downl_detail .h1_top { height: 70px; width: 100%; line-height: 70px; overflow: hidden; white-space: normal; text-overflow: ellipsis; }
.content .Min_L .downl_detail .h1_top .h1 { float: left; font-size: 26px; font-weight: normal; color: #000; white-space: normal; text-overflow: ellipsis; }
.content .Min_L .downl_detail .h1_top span { color: #505050; font-size: 16px; padding-left: 10px; }
.content .Min_L .downl_detail .infor { height: 100px; width: 100%; margin-bottom: 17px; }
.content .Min_L .downl_detail .infor .img { width: 100px; height: 100px; border-radius: 15px; display: block; overflow: hidden; float: left; }
.content .Min_L .downl_detail .infor .img img { display: block; width: 100%; height: 100%; }
.content .Min_L .downl_detail .infor ul { float: left; padding-left: 20px; width: 680px; }
.content .Min_L .downl_detail .infor ul li { float: left;
width: 25.5%;
margin-right: 2%;
height: 30px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;      /* 取消注释，强制单行 */
text-overflow: ellipsis;  /* 取消注释，显示省略号 */
color: #434343;
font-size: 15px;}
.content .Min_L .downl_detail .infor ul li span { color: #6e6e6e; }
.content .Min_L .downl_detail .infor ul li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; vertical-align: middle; background: #bfbfbf; margin: -2px 10px 0 0; }
.content .Min_L .downl_detail .infor ul li a { color: #00b26f; padding: 0 8px; }
.content .Min_L .downl_detail .infor ul .w53{width: 53%;}
.content .Min_L .downl_detail .infor ul .w43{width: 43%;}
.content .Min_L .downl_detail .down_box {height: 65px;padding-bottom: 15px;display: inline-block;}
.content .Min_L .downl_detail .down_box .btn { float: left; width: 233px; height: 65px; line-height: 65px; position: relative; display: block; margin-right: 15px; border-radius: 5px; text-align: center; color: #fff; font-size: 18px; cursor: pointer; z-index: 3; }
.content .Min_L .downl_detail .down_box .btn .ico { background: url("../images/ico_img.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.content .Min_L .downl_detail .down_box .btn .num { border-radius: 3px; width: 41px; height: 38px; display: inline-block; vertical-align: middle; position: relative; margin: -2px 0 0 20px; }
.content .Min_L .downl_detail .down_box .btn .num .em { position: relative; background: url("../images/ico_img.png") no-repeat center; left: 10px; top: 8px; height: 22px; width: 22px; background-position: -315px 0; }
.content .Min_L .downl_detail .down_box .btn .num .sao { display: none; position: absolute; left: 50%; margin-left: -70px; top: 63px; width: 130px; height: 130px; background: #fff; border-radius: 8px; padding: 10px; z-index: 100; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
.content .Min_L .downl_detail .down_box .btn .num .sao img { display: block; width: 100%; height: 100%; }
.content .Min_L .downl_detail .down_box .btn .num:hover .sao { display: block; }
.content .Min_L .downl_detail .down_box .btn span { display: inline-block; vertical-align: middle; margin-top: -4px; max-width: 100px; overflow: hidden; height: 100%; }
.content .Min_L .downl_detail .down_box .btn:hover { opacity: 0.95; }
.content .Min_L .downl_detail .down_box .btn1 { background: #00b26f; }
.content .Min_L .downl_detail .down_box .btn1 .ico { height: 37px; width: 31px; background-position: -402px 0; }
.content .Min_L .downl_detail .down_box .btn1 .num { background: #009b61; }
.content .Min_L .downl_detail .down_box .btn2 { background: #00a0e9; }
.content .Min_L .downl_detail .down_box .btn2 .ico { height: 36px; width: 30px; background-position: -352px 0; }
.content .Min_L .downl_detail .down_box .btn2 .num { background: #0082bd; }
.content .Min_L .downl_detail .down_box .btn3 { background: #ff7044; }
.content .Min_L .downl_detail .down_box .btn3 .ico { height: 33px; width: 37px; background-position: -186px -173px; }
.content .Min_L .downl_detail .down_box .btn:nth-child(2) { z-index: 2; }
.content .Min_L .downl_detail .down_box .btn:nth-child(3) { z-index: 1; }
.content .Min_L .downl_head { background: #fff; margin-top: 10px; border: 1px solid #eee; display: inline-block; border-right: none; height: 48px; width: 100%; }
.content .Min_L .downl_head span { line-height: 48px; height: 48px; text-align: center; width: 105px; color: #7d7d7d; font-size: 14px; float: left; border-right: 1px solid #eee; cursor: pointer; transition: all .2s linear; }
.content .Min_L .downl_head .on, .content .Min_L .downl_head span:hover { background: #12cdb0; color: #fff; }
.content .Min_L .Gm_info { background: #fff; padding: 10px; color: #333; font-size: 16px; margin-bottom: 10px; }
.content .Min_L .Gm_info p { line-height: 30px; padding-bottom: 10px; }
.content .Min_L .Gm_info table, .content .Min_L .Gm_info video, .content .Min_L .Gm_info iframe, .content .Min_L .Gm_info embed { max-width: 100%; margin: 0 auto; }
.content .Min_L .Gm_info img { max-width: 700px; }
.content .Min_L .Gm_info h3 { font-weight: bold; background-color: #f8f8f8; color: #12cdb0; font-size: 16px; padding: 4px 0; margin: 5px 0; }
.content .Min_L .Gm_info h3:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 20px; background: #12cdb0; border-radius: 3px; margin: -2px 10px 0 0; }
.content .Min_L .CL_title { font-weight: bold; height: 30px; line-height: 30px; font-size: 16px; color: #313131; }
.content .Min_L .CL_title:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 20px; background: #12cdb0; border-radius: 3px; margin: -2px 10px 0 0; }
.content .Min_L .CL_title .more { float: right; font-size: 14px; color: #969696; }
.content .Min_L .CL_title .more span { font-family: Serif; }
.content .Min_L .CL_title .more:hover { color: #12cdb0; }
.content .Min_L .Gm_pic { background: #fff; padding: 10px; margin-bottom: 15px; }
.content .Min_L .Gm_pic .pic-c { width: 100%; height: auto; margin: 10px  auto 20px; }
.content .Min_L .Gm_pic .snapShotWrap { width: 750px; position: relative; margin: 10px auto; overflow: hidden; }
.content .Min_L .Gm_pic #shotNext { top: 0; right: 0; border: none; padding: 0; margin: 0; border-radius: 0; }
.content .Min_L .Gm_pic #shotPrev { top: 0; left: 0; border: none; padding: 0; margin: 0; }
.content .Min_L .Gm_pic .snap-shot-btn { position: absolute; width: 30%; height: 100%; opacity: .6; z-index: 3; }
.content .Min_L .Gm_pic .snap-shot-btn:hover { opacity: .9; }
.content .Min_L .Gm_pic #shotNext i { background: url(../images/right-but.png) no-repeat; }
.content .Min_L .Gm_pic #shotPrev i { background: url(../images/left-but.png) no-repeat; left: -8px; }
.content .Min_L .Gm_pic .snap-shot-btn i { width: 50px; height: 48px; top: 46%; display: block; position: absolute; z-index: 99; right: 10px; }
.content .Min_L .Gm_pic .snapShotCont { width: 750px; position: relative; overflow: hidden; z-index: 1; }
.content .Min_L .Gm_pic .snopshot { position: absolute; overflow: hidden; zoom: 1; text-align: center; }
.content .Min_L .Gm_pic .snapShotCont img { position: relative; width: 100%; height: 100%; }
.content .Min_L .Gm_pic .elementOverlay { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); }
.content .Min_L .Gm_pic .elementOverlays { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.content .Min_L .Gm_bb { background: #fff; padding: 10px; margin-bottom: 10px; }
.content .Min_L .Gm_bb .bb_item { overflow: hidden; margin-top: 10px; }
.content .Min_L .Gm_bb .bb_item li { width: 100%; overflow: hidden; height: 40px; background: #f5f5f5; line-height: 40px; margin-bottom: 5px; font-size: 14px; color: #333; }
.content .Min_L .Gm_bb .bb_item li .bt { float: left;margin-left: 20px; height: 40px; overflow: hidden; color: #666; width: 340px; white-space: nowrap; text-overflow: ellipsis; }
.content .Min_L .Gm_bb .bb_item li .bt:hover { color: #12cdb0; }
.content .Min_L .Gm_bb .bb_item li .star { float: left; width: 109px; background: url(../images/ic_star.png) no-repeat; background-position: 0 -18px; height: 18px; margin: 10px 25px; }
.content .Min_L .Gm_bb .bb_item li .star span { background: url(../images/ic_star.png) no-repeat; max-width: 100%; display: block; height: 18px; }
.content .Min_L .Gm_bb .bb_item li .size { height: 40px; line-height: 40px; color: #666; margin: 0 10px; float: left; width: 100px; text-align: center; }
.content .Min_L .Gm_bb .bb_item li .btn { width: 110px; background: #12cdb0; color: #fff; display: block; float: right; height: 30px; line-height: 30px; margin: 5px 0; text-align: center; }
.content .Min_L .Gm_bb .bb_item li .btn:hover { opacity: 0.8; }
.content .Min_L .Gm_hj { background: #fff; padding: 10px; margin-bottom: 10px; }
.content .Min_L .Gm_hj .hjtab_hd span { cursor: pointer; }
.content .Min_L .Gm_hj .hjtab_hd span i { margin: 0 10px; color: #333; }
.content .Min_L .Gm_hj .hjtab_hd span:hover, .content .Min_L .Gm_hj .hjtab_hd .on { color: #12cdb0; }
.content .Min_L .Gm_hj .hjtab_bd { overflow: hidden; margin-top: 10px; }
.content .Min_L .Gm_hj .hjtab_bd .item + .item { display: none; }
.content .Min_L .Gm_hj .hjtab_bd .item { overflow: hidden; width: 100%; }
.content .Min_L .Gm_hj .hjtab_bd .item .img { margin-bottom: 20px; }
.content .Min_L .Gm_hj .hjtab_bd .item .img, .content .Min_L .Gm_hj .hjtab_bd .item .img img { display: block; width: 240px; height: 120px; margin-right: 20px; }
.content .Min_L .Gm_hj .hjtab_bd .item > .info { width: 545px; position: relative; overflow: hidden; margin-bottom: 20px; }
.content .Min_L .Gm_hj .hjtab_bd .item > .info .bt { display: block; width: 380px; height: 40px; line-height: 40px; font-weight: bold; font-size: 20px; color: #454545; }
.content .Min_L .Gm_hj .hjtab_bd .item > .info .bt a{ font-weight: bold; font-size: 20px; color: #454545; }
.content .Min_L .Gm_hj .hjtab_bd .item > .info .txt { color: #454545; height: 80px; overflow: hidden; line-height: 26px; }
.content .Min_L .Gm_hj .hjtab_bd .item > .info .tip { position: absolute; right: 0; top: 8px; color: #ababab; line-height: 28px; }
.content .Min_L .Gm_hj .hjtab_bd .item ul { width: 104%; overflow: hidden; margin-top: 10px; border-top: 1px dashed #12cdb0; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li { width: 260px; margin: 15px 20px 5px 0; float: left; overflow: hidden; *zoom: 1; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li img { float: left; display: block; width: 80px; height: 80px; border-radius: 12px; margin-right: 10px; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li .info { float: left; width: 166px; height: 80px; overflow: hidden; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li .info .name { display: block; font-size: 16px; color: #454545; line-height: 28px; font-weight: 500; overflow: hidden; white-space: nowrap; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li .info .name:hover { color: #12cdb0; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li .info .num { display: block; font-size: 14px; color: #9d97be; line-height: 26px; font-weight: 500; overflow: hidden; white-space: nowrap; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li .info .intro { color: #dbdbdb; overflow: hidden; white-space: nowrap; }
.content .Min_L .Gm_hj .hjtab_bd .item ul li .info .intro span { font-size: 14px; color: #666666; line-height: 26px; }
.content .Min_L .Gm_news { background: #fff; padding: 10px; margin-bottom: 10px; }
.content .Min_L .Gm_news .list { overflow: hidden; width: 105%; }
.content .Min_L .Gm_news .list li { width: 425px; float: left; padding: 10px 0; border-bottom: 1px dotted #ddd; margin-right: 25px; }
.content .Min_L .Gm_news .list li a { display: block; font-size: 14px; }
.content .Min_L .Gm_news .list li a .txt { display: block; width: 260px; height: 20px; overflow: hidden; line-height: 20px; float: left; border-left: 3px solid #b7b7b7; padding-left: 10px; }
.content .Min_L .Gm_news .list li a .txt:hover { color: #12cdb0; }
.content .Min_L .Gm_news .list li a span { display: block; width: 80px; height: 20px; overflow: hidden; float: right; color: #b0aaaa; }
.content .Min_L .news_list { background: #fff; padding: 10px 10px 0; overflow: hidden; }
.content .Min_L .news_list .list { overflow: hidden; width: 100%; }
.content .Min_L .news_list .list li { border-top: 1px solid #e6e6e6; padding: 15px 0; overflow: hidden; }
.content .Min_L .news_list .list li .img { display: block; float: left; margin-right: 20px; overflow: hidden; }
.content .Min_L .news_list .list li .img, .content .Min_L .news_list .list li .img img { width: 220px; height: 140px; }
.content .Min_L .news_list .list li .info { float: left; width: 630px; margin-top: 5px; }
.content .Min_L .news_list .list li .info .bt { display: block; float: left; width: 630px; color: #1f1f1f; font-size: 18px; font-weight: bold; line-height: 22px; height: 22px; margin-bottom: 15px; overflow: hidden; }
.content .Min_L .news_list .list li .info .bt:hover { color: #12cdb0; }
.content .Min_L .news_list .list li .info dl { margin-bottom: 12px; overflow: hidden; height: 20px; float: left; width: 100%; font-size: 14px; }
.content .Min_L .news_list .list li .info dl dd { float: left; color: #869cb8; }
.content .Min_L .news_list .list li .info dl dd + dd { margin-left: 20px; }
.content .Min_L .news_list .list li .info dl .time { padding-left: 20px; background: url(../images/ic_time.png) no-repeat; background-position: 0 4px; }
.content .Min_L .news_list .list li .info dl .read { padding-left: 20px; background: url(../images/ic_time.png) no-repeat; background-position: 0 -36px; }
.content .Min_L .news_list .list li .info p { line-height: 22px; color: #999; max-height: 65px; overflow: hidden; width: 100%; float: left; font-size: 14px; }
.content .Min_R { width: 290px; overflow: hidden; min-height: 400px; }
.content .Min_R .R_box { background: #fff; overflow: hidden; margin-bottom: 10px; }
.content .Min_R .R_box .CL_title { font-weight: bold; padding: 5px 10px; border-bottom: 1px solid #eee; height: 30px; line-height: 30px; font-size: 16px; color: #313131; }
.content .Min_R .R_box .CL_title:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 20px; background: #12cdb0; border-radius: 3px; margin: -2px 10px 0 0; }
.content .Min_R .R_box .CL_title .more { float: right; font-size: 14px; color: #969696; }
.content .Min_R .R_box .CL_title .more span { font-family: Serif; }
.content .Min_R .R_box .CL_title .more:hover { color: #12cdb0; }
.content .Min_R .r_list { overflow: hidden; padding: 0 10px; }
.content .Min_R .r_list li { padding: 8px 0; border-bottom: 1px solid #ededed; }
.content .Min_R .r_list li .tBoxs, .content .Min_R .r_list li .fBoxs { overflow: hidden; }
.content .Min_R .r_list li .tBoxs { display: none; }
.content .Min_R .r_list li .tBoxs .num { height: 88px; line-height: 88px; background-color: #e13d3d; color: #fff; margin: 8px 16px 8px 0; }
.content .Min_R .r_list li .tBoxs .game { display: block; }
.content .Min_R .r_list li .tBoxs .game img { width: 88px; height: 88px; border-radius: 16px; float: left; margin: 8px 16px 8px 0; }
.content .Min_R .r_list li .tBoxs .info { width: 115px; float: left; margin: 8px 0; }
.content .Min_R .r_list li .tBoxs .info .name { font-size: 16px; color: #444; overflow: hidden; white-space: nowrap; margin-top: 6px; }
.content .Min_R .r_list li .tBoxs .info .tag { width: 136px; margin: 6px 0; font-size: 14px; color: #ababab; line-height: 20px; overflow: hidden; white-space: nowrap; }
.content .Min_R .r_list li .tBoxs .info .btn { display: block; width: 66px; height: 26px; line-height: 26px; font-size: 12px; text-align: center; color: #fff; background-color: #12cdb0; border-radius: 3px; }
.content .Min_R .r_list li .fBoxs { display: block; overflow: hidden; }
.content .Min_R .r_list li .fBoxs .game { width: 160px; font-size: 14px; line-height: 24px; overflow: hidden; height: 24px; color: #444; white-space: nowrap; margin-right: 6px; }
.content .Min_R .r_list li .fBoxs .tag { color: #ababab; overflow: hidden; white-space: nowrap; line-height: 24px; float: right; font-size: 14px; }
.content .Min_R .r_list li .num { width: 24px; height: 24px; line-height: 24px; font-size: 12px; text-align: center; color: #fff; background: #12cdb0; margin-right: 16px; }
.content .Min_R .r_list li .num, .content .Min_R .r_list li .game { display: block; float: left; }
.content .Min_R .r_list li .num1 { background: #ff5e33; color: #fff; }
.content .Min_R .r_list li .num2 { background: #f7a131; color: #fff; }
.content .Min_R .r_list li .num3 { background: #e6d62e; color: #fff; }
.content .Min_R .r_list .on .tBoxs { display: block; }
.content .Min_R .r_list .on .fBoxs { display: none; }
.content .Min_R .gm_list { overflow: hidden; padding: 0 10px; }
.content .Min_R .gm_list li + li { border-top: 1px dashed #edeff5; }
.content .Min_R .gm_list li { height: 64px; padding: 20px 0; overflow: hidden; }
.content .Min_R .gm_list li .img { float: left; margin-right: 20px; }
.content .Min_R .gm_list li .img, .content .Min_R .gm_list li .img img { width: 64px; height: 64px; border-radius: 10px; }
.content .Min_R .gm_list li .info { float: left; width: 120px; height: 64px; }
.content .Min_R .gm_list li .info .bt { display: block; width: 255px; height: 16px; line-height: 16px; overflow: hidden; color: #555; font-size: 14px; font-weight: 700; }
.content .Min_R .gm_list li .info .bt:hover { color: #12cdb0; }
.content .Min_R .gm_list li .info .tag { width: 100%; height: 16px; margin: 10px 0; overflow: hidden; font-size: 12px; color: #9e9e9e; }
.content .Min_R .gm_list li .info .start { float: left; width: 72px; height: 10px; position: relative; overflow: hidden; background: url(../images/ic_star2.png) no-repeat; }
.content .Min_R .gm_list li .info .start i { position: absolute; width: 100%; height: 10px; background: url(../images/ic_star2.png) no-repeat; background-position: 0 -10px; }
.content .Min_R .gm_list li .downl { display: block; float: right; background: #f2f2f2; border-radius: 3px; color: #333; font-size: 14px; width: 64px; height: 30px; line-height: 30px; text-align: center; margin-top: 18px; }
.content .Min_R .gm_list li .downl:hover { background: #12cdb0; color: #fff; }
.content .Min_R .hj_tj { overflow: hidden; padding: 10px; }
.content .Min_R .hj_tj li { margin-top: 5px; }
.content .Min_R .hj_tj li .img { display: none; }
.content .Min_R .hj_tj li .img, .content .Min_R .hj_tj li .img img { width: 100%; height: 130px; }
.content .Min_R .hj_tj li .p2 { width: 100%; display: block; overflow: hidden; height: 44px; line-height: 44px; background-color: white; color: #333333; font-size: 15px; }
.content .Min_R .hj_tj li .p2 a { width: 78%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2b2b2b; padding-left: 10px; }
.content .Min_R .hj_tj li .p2 a:hover { color: #12cdb0; }
.content .Min_R .hj_tj li .p2 span { float: right; color: #545454; margin-right: 10px; }
.content .Min_R .hj_tj .on { background-color: #ffffff; box-shadow: 0px 5px 10px 0px rgba(170, 170, 170, 0.5); overflow: hidden; position: relative; z-index: 2; border-radius: 4px; }
.content .Min_R .hj_tj .on .img { display: block; }
.content .Min_R .gl_list { overflow: hidden; padding: 10px; }
.content .Min_R .gl_list li { line-height: 36px; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.content .Min_R .gl_list li a::before { border-radius: 50%; content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; background: #dadada; border: 1px solid #c2c2c2; margin: -2px 8px 0 0; }
.content .Min_R .gl_list li:hover a { color: #12cdb0; }
.content .Min_R .gl_list li:hover a:before { background: #12cdb0; }

.art_cont { overflow: hidden; background: #fff; margin-bottom: 10px; }
.art_cont .art_hd { padding: 20px 0; margin: 0 20px; overflow: hidden; border-bottom: 1px solid #d9d9d9; }
.art_cont .art_hd h1 { display: block; line-height: 40px; font-size: 24px; font-weight: 700; margin: 10px 0 20px 0; color: #444; text-align: center; }
.art_cont .art_hd p { color: #999; text-align: center; }
.art_cont .art_hd p span { margin: 0 20px; font-size: 14px; color: #999; }
.art_cont .art_cont { margin: 20px; overflow: hidden; font-size: 16px; }
.art_cont .art_cont p { line-height: 26px; color: #666; margin-bottom: 16px; }
.art_cont .art_cont h3 { padding: 10px 0; }
.art_cont .art_cont img { display: block; max-width: 794px; margin: 2px auto; text-align: center; }

.downl_wrap { background: #fff; overflow: hidden; margin-bottom: 10px; border: 1px solid #12cdb0; }
.downl_wrap .img { margin: 20px; }
.downl_wrap .img, .downl_wrap .img img { display: block; width: 80px; height: 80px; border-radius: 12px; }
.downl_wrap .ct1 { width: 165px; margin-top: 20px; }
.downl_wrap .ct1 .tt { width: 100%; font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; color: #333; }
.downl_wrap .ct1 p { height: 20px; line-height: 20px; margin-top: 5px; overflow: hidden; font-size: 12px; color: #999; }
.downl_wrap .ct1 p span { color: #666; }
.downl_wrap .ct2 { width: 165px; margin: 20px 0 20px 20px; }
.downl_wrap .ct2 .tags { width: 100%; overflow: hidden; height: 30px; }
.downl_wrap .ct2 .tags a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 45px; height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; text-align: center; color: #fff; }
.downl_wrap .ct2 .tags a + a { margin-left: 8px; }
.downl_wrap .ct2 .tags .c1 { background: #ed6557; }
.downl_wrap .ct2 .tags .c2 { background: #f7a934; }
.downl_wrap .ct2 .tags .c3 { background: #b3d465; }
.downl_wrap .ct2 p { height: 20px; line-height: 20px; margin-top: 5px; overflow: hidden; font-size: 12px; color: #999; }
.downl_wrap .ct2 p span { color: #666; }
.downl_wrap .btn { width: 194px; height: 119px; border-left: 1px #eaeaea solid; }
.downl_wrap .btn a { display: block; position: relative; z-index: 1; width: 140px; height: 32px; line-height: 32px; margin-left: 38px; border: 1px #12cdb0 solid; font-size: 14px; text-align: center; color: #12cdb0; margin-top: 18px; transition: all .2s linear; }
.downl_wrap .btn a:hover { background: #12cdb0; color: #fff; }
.downl_wrap .scbox { border-left: 1px #eaeaea solid; width: 154px; height: 120px; overflow: hidden; background: url(../images/rank_ryb.png) no-repeat; position: relative; }
.downl_wrap .scbox span { text-align: center; color: #fff; font-size: 20px; display: block; margin-top: 47px; text-indent: -11px; }
.downl_wrap .scbox p { text-align: center; font-size: 16px; font-weight: bold; color: #ed6557; position: absolute; left: 54px; bottom: 19px; text-shadow: 0px 1px 1px #847b7b; }

.about_news { background: #fff; padding: 10px; overflow: hidden; margin-bottom: 10px; }
.about_news .list { width: 105%; overflow: hidden; }
.about_news .list li { width: 165px; margin: 12px 13px 0 0; float: left; }
.about_news .list li:hover img { opacity: 0.8; }
.about_news .list li:hover p { color: #12cdb0; }
.about_news .list li a { display: block; }
.about_news .list li a img { display: block; width: 165px; height: 110px; margin-bottom: 9px; }
.about_news .list li a p { height: 44px; line-height: 20px; font-size: 14px; color: #464646; overflow: hidden; text-overflow: ellipsis; }

.about_news2 { background: #fff; padding: 10px; overflow: hidden; margin-bottom: 10px; }
.about_news2 .list { overflow: hidden; width: 102%; }
.about_news2 .list li { float: left; width: 210px; margin: 10px 10px 5px 0; position: relative; border: 1px solid #eee; }
.about_news2 .list li:hover .name { color: #12cdb0; }
.about_news2 .list li:hover img { transform: scale(1.1); }
.about_news2 .list li .img { width: 100%; height: 108px; overflow: hidden; display: block; }
.about_news2 .list li .img img { width: 100%; height: 108px; transition: all 0.2s; }
.about_news2 .list li .name { margin: 10px 10px 5px; line-height: 20px; height: 40px; overflow: hidden; color: #333; font-size: 14px; display: block; }
.about_news2 .list li .time { display: block; width: 100%; margin: 0 10px 10px; overflow: hidden; line-height: 20px; height: 20px; font-size: 12px; color: #999; }

.about_hj { background: #fff; padding: 10px 10px 0; overflow: hidden; margin-bottom: 10px; }
.about_hj .list { overflow: hidden; padding-top: 10px; width: 104%; }
.about_hj .list li { float: left; width: 210px; background: #fff; border: 1px solid #efefef; border-radius: 12px; overflow: hidden; margin-right: 10px; margin-bottom: 18px; transition: all .2s linear; }
.about_hj .list li a { display: block; }
.about_hj .list li a img { display: block; width: 100%; height: 115px; }
.about_hj .list li a .name { padding: 0 16px; height: 21px; font-size: 15px; font-weight: bold; line-height: 21px; color: #333; margin-top: 5px; overflow: hidden; }
.about_hj .list li a .text { padding: 0 12px; height: 44px; font-size: 12px; line-height: 22px; margin-top: 8px; overflow: hidden; color: #999; letter-spacing: 1px; }
.about_hj .list li a .btn { margin: 0 12px; margin-top: 10px; border-top: 1px solid #EEEEEE; height: 47px; line-height: 47px; overflow: hidden; text-align: right; font-size: 14px; }
.about_hj .list li a .btn .fl { color: #56948a; }
.about_hj .list li:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

.collection_list { width: 1200px; margin: 0 auto; overflow: hidden; }
.collection_list .tab_hd { float: left; margin-left: 28%; }
.collection_list .tab_hd a { width: 100px; height: 30px; float: left; display: inline-block; line-height: 30px; color: #fff; text-align: center; background: #999; margin-right: 10px; font-weight: bold; position: relative; font-size: 14px; }
.collection_list .tab_hd a::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #999; transform: rotate(45deg); position: absolute; left: 0; right: 0; margin: auto; bottom: -5px; }
.collection_list .tab_hd .on, .collection_list .tab_hd a:hover { background: #12cdb0; }
.collection_list .tab_hd .on::before, .collection_list .tab_hd a:hover::before { background: #12cdb0; }
.collection_list .list { overflow: hidden; margin-top: 20px; padding-bottom: 10px; width: 105%; }
.collection_list .list li { float: left; width: 290px; background: #fff; border: 1px solid #efefef; border-radius: 12px; overflow: hidden; margin-right: 10px; margin-bottom: 18px; transition: all .2s linear; }
.collection_list .list li a { display: block; }
.collection_list .list li a img { display: block; width: 100%; height: 154px; }
.collection_list .list li a .name { padding: 0 16px; height: 21px; font-size: 16px; font-weight: bold; line-height: 21px; color: #333; margin-top: 15px; overflow: hidden; }
.collection_list .list li a .text { padding-left: 16px; width: 264px; height: 44px; font-size: 12px; line-height: 22px; margin-top: 8px; overflow: hidden; color: #999; letter-spacing: 1px; }
.collection_list .list li a .btn { width: 276px; margin: 0 auto; margin-top: 16px; border-top: 1px solid #EEEEEE; height: 47px; line-height: 47px; overflow: hidden; text-align: right; font-size: 14px; }
.collection_list .list li a .btn .fl { color: #56948a; }
.collection_list .list li:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

.collection_details { width: 1200px; overflow: hidden; margin: 0 auto; }
.collection_details .clt { overflow: hidden; padding: 10px; border: 1px solid #dcdcdc; background: #fff; border-radius: 3px; }
.collection_details .clt .clt_left { float: left; margin-right: 15px; width: 360px; height: 180px; }
.collection_details .clt .clt_left img { display: block; width: 100%; }
.collection_details .clt .clt_center { float: left; margin-right: 15px; width: 630px; }
.collection_details .clt .clt_center .clt_title { overflow: hidden; margin-bottom: 8px; }
.collection_details .clt .clt_center .clt_title > h1 { float: left; font-weight: 700; font-size: 30px; line-height: 37px; }
.collection_details .clt .clt_center .clt_title > span { float: left; display: block; margin-top: 24px; padding-left: 2pc; background: url(../images/icon.png) no-repeat -274px -56px; line-height: 1pc; }
.collection_details .clt .clt_center .clt_title > span b { font-size: 14px; }
.collection_details .clt .clt_center > p { overflow: hidden; font-size: 14px; margin-bottom: 9pt; max-height: 88px; color: #565656; font-size: 15px; line-height: 22px; }
.collection_details .clt .clt_center .clt_tab a { float: left; display: block; margin-right: 10px; padding: 0 9pt; border-radius: 3px; background: #f7fafa; color: #999; font-size: 9pt; line-height: 25px; }
.collection_details .clt .clt_center .clt_tab a:hover { background: #30dbb1; color: #fff; }
.collection_details .clt .clt_center .clt_share { overflow: hidden; font-size: 12px; }
.collection_details .clt .clt_center .clt_share span { float: left; display: block; margin-right: 30px; color: #999; }
.collection_details .clt .clt_center .clt_share span em { color: #869cb8; }
.collection_details .clt .clt_right { float: left; width: 158px; }
.collection_details .clt .clt_right .ewm { display: block; margin: 8px auto; }
.collection_details .clt .clt_right .ewm, .collection_details .clt .clt_right .ewm .img { width: 135px; height: 135px; }
.collection_details .clt .clt_right p { margin-top: 4px; color: #869cb8; text-align: center; font-size: 14px; line-height: 18px; }
.collection_details .sub-about { overflow: hidden; margin-top: 8px; height: 26px; line-height: 26px; font-size: 12px; }
.collection_details .sub-about span { float: left; color: #999; }
.collection_details .sub-about .sub-alist { float: left; display: block; margin-left: 8px; padding: 0 9px; border-radius: 3px; background-color: #30dbb1; color: #fff; }
.collection_details .sub-about .sub-alist.color1 { background-color: #f2a0a1; }
.collection_details .sub-about .sub-alist.color2 { background-color: #f8b862; }
.collection_details .sub-about .sub-alist.color3 { background-color: #88cb7f; }
.collection_details .sub-about .sub-alist.color4 { background-color: #84b9cb; }
.collection_details .sub-about .sub-alist.color5 { background-color: #a59aca; }
.collection_details .sub-about .sub-alist.color6 { background-color: #a58f86; }
.collection_details .sub-about .sub-alist:first-of-type { margin-left: 0; }
.collection_details .sub-about .sub-alist:hover { opacity: .8; filter: alpha(opacity=80); }
.collection_details .hj_list { width: 102%; overflow: hidden; padding-top: 20px; }
.collection_details .hj_list li { box-shadow: 0 0 0 1px #eee; padding-bottom: 15px; display: block; float: left; width: 380px; height: auto; background: #fff; margin: 0 25px 20px 2px; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; }
.collection_details .hj_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); }
.collection_details .hj_list li > a img { width: 100px; height: 100px; border-radius: 12px; display: block; float: left; margin: 20px; }
.collection_details .hj_list .info { display: block; float: left; width: 220px; height: 100px; margin-top: 20px; }
.collection_details .hj_list .info a.name { display: block; width: 226px; height: 24px; line-height: 24px; color: #595959; font-size: 16px; font-weight: bold; overflow: hidden; }
.collection_details .hj_list .info a.name:hover { color: #12cdb0; }
.collection_details .hj_list .info > p { color: #8ba8a3; font-size: 12px; width: 220px; height: 16px; overflow: hidden; line-height: 16px; margin: 6px 0; }
.collection_details .hj_list .btdowl { width: 100px; height: 26px; line-height: 26px; display: block; float: left; font-size: 14px; border-radius: 4px; text-align: center; color: #12cdb0; border: 1px solid #12cdb0; }
.collection_details .hj_list .btdowl:hover { background: #12cdb0; color: #fff; }
.collection_details .hj_list .desc { 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; }

.art_collection { padding: 10px; background: #fff; overflow: hidden; width: 1180px; margin: 10px auto; }
.art_collection .img, .art_collection .img img { width: 598px; height: 300px; }
.art_collection .cont { width: 545px; height: 300px; float: left; margin-left: 17px; }
.art_collection .cont h1 { display: block; height: 60px; line-height: 60px; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.art_collection .cont .desc { padding: 24px 0 0; max-height: 72px; overflow: hidden; line-height: 24px; color: #333; border-top: 1px solid #ebebeb; }
.art_collection .like_box { color: #999; font-size: 16px; margin-top: 24px; overflow: hidden; padding-top: 24px; border-top: 1px solid #ebebeb; }
.art_collection .like_box .like { float: left; border-radius: 16px; border: 1px solid #e0e0e0; color: #999; font-size: 14px; cursor: pointer; padding: 5px 15px 10px 15px; }
.art_collection .like_box .like i { display: inline-block; width: 22px; height: 22px; background: url(../images/ic_zan.png) no-repeat; position: relative; top: 7px; margin-right: 5px; }
.art_collection .like_box p { height: 44px; line-height: 44px; float: right; }
.art_collection .like_box p em { color: #12cdb0; font-weight: 700; }
.art_collection .time { width: 100%; text-align: right; overflow: hidden; color: #999; margin-top: 10px; font-size: 12px; }

.phb_wrap { width: 1200px; overflow: hidden; margin: 10px auto; }
.phb_wrap .CL_title { font-weight: bold; padding: 5px 10px; border-bottom: 1px solid #eee; height: 30px; line-height: 30px; font-size: 16px; color: #313131; }
.phb_wrap .CL_title:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 20px; background: #12cdb0; border-radius: 3px; margin: -2px 10px 0 0; }
.phb_wrap .CL_title .more { float: right; font-size: 14px; color: #969696; }
.phb_wrap .CL_title .more span { font-family: Serif; }
.phb_wrap .CL_title .more:hover { color: #12cdb0; }
.phb_wrap .phb_l { width: 380px; }
.phb_wrap .phb_l .Gm_tags { overflow: hidden; width: 100%; background: #fff; margin-bottom: 10px; }
.phb_wrap .phb_l .Gm_tags .Tags_tb { margin: 10px 10px 0; }
.phb_wrap .phb_l .Gm_tags .Tags_tb span { display: block; width: 50%; float: left; text-align: center; line-height: 36px; color: #333; background: #f5f5f5; cursor: pointer; }
.phb_wrap .phb_l .Gm_tags .Tags_tb .on { background: #12cdb0; color: #fff; }
.phb_wrap .phb_l .Gm_tags .Tags_bd .Tags + .Tags { display: none; }
.phb_wrap .phb_l .Gm_tags .Tags { width: 380px; float: left; height: auto; overflow: hidden; }
.phb_wrap .phb_l .Gm_tags .Tags li { position: relative; float: left; width: 80px; height: 70px; padding: 12px 2px 0 10px; }
.phb_wrap .phb_l .Gm_tags .Tags li a { position: relative; display: block; width: 80px; height: 62px; line-height: 62px; text-align: center; border: 1px solid #eee; overflow: hidden; }
.phb_wrap .phb_l .Gm_tags .Tags li a p { width: 100%; height: 100%; }
.phb_wrap .phb_l .Gm_tags .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; }
.phb_wrap .phb_l .Gm_tags .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; }
.phb_wrap .phb_l .Gm_tags .Tags li strong { font-weight: normal; position: relative; z-index: 10; font-size: 12px; }
.phb_wrap .phb_l .Gm_tags .Tags li a:hover p i { display: none; }
.phb_wrap .phb_l .Gm_tags .Tags li a:hover p span { border-width: 180px; }
.phb_wrap .phb_l .Gm_tags .Tags li a:hover strong { color: #fff; }
.phb_wrap .phb_l .Gm_tags .Tags li .shadow { position: absolute; top: 76px; right: 0; width: 48px; height: 8px; background: url(../images/ic_shadow.png) no-repeat; border: none; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg0 a { color: #12cdb0; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg1 a { color: #ec5747; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg2 a { color: #8c97cb; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg3 a { color: #5dc9ea; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg4 a { color: #b3d465; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg5 a { color: #a6937c; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg6 a { color: #f6c15b; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg7 a { color: #f19ec2; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg8 a { color: #e4a1f0; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg0 span { border-color: #12cdb0; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg1 span { border-color: #ec5747; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg2 span { border-color: #8c97cb; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg3 span { border-color: #5dc9ea; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg4 span { border-color: #b3d465; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg5 span { border-color: #a6937c; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg6 span { border-color: #f6c15b; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg7 span { border-color: #f19ec2; border-right: 23px solid transparent; }
.phb_wrap .phb_l .Gm_tags .Tags .struct_bg8 span { border-color: #e4a1f0; border-right: 23px solid transparent; }
.phb_wrap .phb_l .hot_phb { overflow: hidden; width: 100%; background: #fff; margin-bottom: 10px; }
.phb_wrap .phb_l .hot_phb .list { overflow: hidden; margin: 10px; }
.phb_wrap .phb_l .hot_phb .list a { width: 330px; display: block; font-size: 14px; float: left; color: #fff; background: #ffa958; padding: 0 15px; text-align: center; height: 38px; line-height: 38px; margin-bottom: 10px; overflow: hidden; }
.phb_wrap .phb_l .hot_phb .list a:hover { opacity: .8; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(6n+1) { background: #ffa958; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(4n+2) { background: #67b4ff; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(7n+3) { background: #ffa9a8; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(4n+4) { background: #61e0c4; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(4n+5) { background: #ff7f7d; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(6n+1):hover { background: #fb9b41; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(4n+2):hover { background: #50a5f9; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(7n+3):hover { background: #f59897; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(4n+4):hover { background: #54e2c3; }
.phb_wrap .phb_l .hot_phb .list a:nth-of-type(4n+5):hover { background: #de6c6a; }
.phb_wrap .phb_l .new_phb { overflow: hidden; width: 100%; background: #fff; margin-bottom: 10px; }
.phb_wrap .phb_l .new_phb .list { margin: 0 0 10px 10px; overflow: hidden; }
.phb_wrap .phb_l .new_phb .list li { float: left; width: 175px; margin: 10px 10px 0 0; }
.phb_wrap .phb_l .new_phb .list li a { display: block; border: 1px solid #eee; height: 42px; line-height: 42px; position: relative; transition: all 0.2s; }
.phb_wrap .phb_l .new_phb .list li a span { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding: 0 10px; position: relative; z-index: 3; }
.phb_wrap .phb_l .new_phb .list li a::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 5px; display: block; background-color: #A3B0BE; transition: all 0.2s; }
.phb_wrap .phb_l .new_phb .list li a:hover { color: #fff !important; }
.phb_wrap .phb_l .new_phb .list li a:hover::after { width: 100%; }
.phb_wrap .phb_l .new_phb .list .color_0 a { color: #0cc6c6; }
.phb_wrap .phb_l .new_phb .list .color_0 a::after { background-color: #0cc6c6; }
.phb_wrap .phb_l .new_phb .list .color_1 a { color: #3694D4; }
.phb_wrap .phb_l .new_phb .list .color_1 a::after { background-color: #3694D4; }
.phb_wrap .phb_l .new_phb .list .color_2 a { color: #9C0; }
.phb_wrap .phb_l .new_phb .list .color_2 a::after { background-color: #9C0; }
.phb_wrap .phb_l .new_phb .list .color_3 a { color: #f63; }
.phb_wrap .phb_l .new_phb .list .color_3 a::after { background-color: #f63; }
.phb_wrap .phb_l .new_phb .list .color_4 a { color: #f90; }
.phb_wrap .phb_l .new_phb .list .color_4 a::after { background-color: #f90; }
.phb_wrap .phb_r { width: 800px; overflow: hidden; }
.phb_wrap .phb_r .title { padding: 0 15px; height: 64px; line-height: 64px; border-bottom: 1px solid #5c5761; position: relative; font-size: 24px; font-weight: 700; color: #27222c; background: #fff; }
.phb_wrap .phb_r .title:after, .phb_wrap .phb_r .title:before { content: ""; position: absolute; border-bottom: 1px solid #5c5761; right: 0; }
.phb_wrap .phb_r .title:after { width: 20px; bottom: 2px; }
.phb_wrap .phb_r .title:before { width: 40px; bottom: 4px; }
.phb_wrap .phb_r .Phb_item { width: 102%; }
.phb_wrap .phb_r .item { float: left; overflow: hidden; background: #fff; padding: 10px; width: 373px; min-height: 480px; margin: 10px 15px 0 0; }
.phb_wrap .phb_r .item .box-title { height: 35px; border-bottom: 2px solid #ebebeb; position: relative; }
.phb_wrap .phb_r .item .box-title .bt { display: inline-block; padding: 0 15px; line-height: 35px; font-weight: 700; border-bottom: 2px solid #12cdb0; font-size: 20px; cursor: default; }
.phb_wrap .phb_r .item .box-title .more { float: right; margin: 8px 10px 0 0; font-size: 14px; }
.phb_wrap .phb_r .item .list { position: relative; border-bottom: 1px dotted #f5f5f5; color: #666; font-size: 12px; width: 366px; text-align: center; }
.phb_wrap .phb_r .item .list tr { width: 100%; border-bottom: 1px dotted #ebebeb; }
.phb_wrap .phb_r .item .list tr td { height: 40px; border-bottom: 1px dotted #ebebeb; color: #999; font-size: 14px; }
.phb_wrap .phb_r .item .list tr .num .n { width: 17px; height: 17px; display: inline-block; background: #ccc; line-height: 17px; text-align: center; color: #fff; font-size: 12px; }
.phb_wrap .phb_r .item .list tr .num1 .n { background: #f60; color: #fff; }
.phb_wrap .phb_r .item .list tr .num2 .n { background: #ff9000; color: #fff; }
.phb_wrap .phb_r .item .list tr .num3 .n { background: #ffc000; color: #fff; }
.phb_wrap .phb_r .item .list tr .name:hover { color: #12cdb0; text-decoration: underline; }
.phb_wrap .phb_r .item .list tr .down_btn { display: block; margin: 1px auto; width: 24px; height: 24px; background-color: #f2f2f2; background-image: url(../images/ic_downl.png); background-repeat: no-repeat; background-position: 6px -36px; overflow: hidden; border-radius: 4px; transition: all .2s linear; }
.phb_wrap .phb_r .item .list tr .down_btn:hover { background-color: #a3ce0e; background-position: 6px 6px; }
.phb_wrap .phb_r .item .list tr:hover { background: #f7f7f7 !important; }
.phb_wrap .phb_r .item .list th { line-height: 32px; }
.phb_wrap .phb_r .item .list th.time { width: 55px; }
.phb_wrap .phb_r .item .list th.name { width: 190px; }
.phb_wrap .phb_r .item .list th.type { width: 75px; }
.phb_wrap .phb_r .item .list th.downtr { width: 44px; }
.phb_wrap .phb_details { width: 810px; overflow: hidden; }
.phb_wrap .phb_details .title { padding: 0 15px; height: 64px; line-height: 64px; border-bottom: 1px solid #5c5761; position: relative; font-size: 24px; font-weight: 700; color: #27222c; background: #fff; }
.phb_wrap .phb_details .title:after, .phb_wrap .phb_details .title:before { content: ""; position: absolute; border-bottom: 1px solid #5c5761; right: 0; }
.phb_wrap .phb_details .title:after { width: 20px; bottom: 2px; }
.phb_wrap .phb_details .title:before { width: 40px; bottom: 4px; }
.phb_wrap .phb_details .art-info { padding: 10px; background: #fff; position: relative; }
.phb_wrap .phb_details .art-info p { padding: 20px; background-color: #fff3f1; color: #ff6652; font-size: 14px; line-height: 26px; position: relative; }
.phb_wrap .phb_details .art-info p:before, .phb_wrap .phb_details .art-info p:after { content: ''; position: absolute; width: 10px; height: 10px; background-repeat: no-repeat; }
.phb_wrap .phb_details .art-info p:before { border-left: 3px solid #ff6652; border-top: 3px solid #ff6652; top: 0; left: 0; }
.phb_wrap .phb_details .art-info p:after { border-right: 3px solid #ff6652; border-bottom: 3px solid #ff6652; bottom: 0; right: 0; }
.phb_wrap .phb_details .more { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #999; margin: 10px auto; border: 1px solid #ddd; }
.phb_wrap .phb_details .more:hover { background: #12cdb0; color: #fff; }
.phb_wrap .phb_details .phlist { overflow: hidden; background: #fff; padding: 10px; }
.phb_wrap .phb_details .phlist li + li { border-top: 1px dashed #d8c7e6; }
.phb_wrap .phb_details .phlist li { height: 90px; padding: 20px 0; overflow: hidden; }
.phb_wrap .phb_details .phlist li .img { display: block; float: left; }
.phb_wrap .phb_details .phlist li .img, .phb_wrap .phb_details .phlist li .img img { width: 90px; height: 90px; border-radius: 20px; }
.phb_wrap .phb_details .phlist .xh { width: 23px; height: 23px; line-height: 23px; border: 1px solid #5c5761; margin-right: 20px; float: left; display: block; text-align: center; }
.phb_wrap .phb_details .phlist .xh.n1 { color: #ff6652; border-color: #ff6652; }
.phb_wrap .phb_details .phlist .xh.n2 { color: #fcb519; border-color: #fcb519; }
.phb_wrap .phb_details .phlist .xh.n3 { color: #46cf98; border-color: #46cf98; }
.phb_wrap .phb_details .phlist .item-meg { width: 90px; height: 90px; border-radius: 20px; float: left; }
.phb_wrap .phb_details .phlist .item-info { padding-left: 154px; }
.phb_wrap .phb_details .phlist .item-title { font-size: 18px; font-weight: 700; height: 22px; line-height: 22px; overflow: hidden; color: #5c5761; display: inline-block; width: 440px; }
.phb_wrap .phb_details .phlist .item-title:hover { color: #ff6652; }
.phb_wrap .phb_details .phlist .btn-group { float: right; }
.phb_wrap .phb_details .phlist .btn-group .btn { width: 50px; height: 25px; line-height: 25px; font-size: 14px; float: left; margin-left: 10px; display: inline-block; color: #fff; text-align: center; }
.phb_wrap .phb_details .phlist .btn-group .btn:hover { opacity: 0.8; }
.phb_wrap .phb_details .phlist .btn-group .btn-zq { background: #fcb519; }
.phb_wrap .phb_details .phlist .btn-group .btn-lb { background: #ff6652; }
.phb_wrap .phb_details .phlist .btn-group .btn-lt { background: #46cf98; }
.phb_wrap .phb_details .phlist .info { font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; clear: right; margin-top: 5px; color: #8d8594; }
.babyds{width: 1px;height: 1px;overflow: hidden}

/* 20230418 */
.Inventwrap { background: #fff; overflow: hidden; }

.Inventwrap .InvenTitle { height: 50px; line-height: 50px; border-bottom: 2px solid #f1f1f1; position: relative; margin: 0 15px; margin-bottom: 10px; }

.Inventwrap .InvenTitle::before { display: block; content: ""; width: 70px; height: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAADCAYAAAAqTqlmAAAAfklEQVR42t3SSw6CQBCEYU4y1zU+EQRUVEAFjjgLNm2F/AmzMLBnki/TqV13KrKd29reDWJ2wBEnxDgjQYoLMuQocMUNdynxwBMvVKgDDd74BL6jQfMm4lmr3Trn9U9Zv5DpEF5sDQeBDw7itajJlHXz2foa0v5pSB+2YT77Ae0978j9O9TVAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 3px; position: absolute; bottom: -2px; left: 0; }

.Inventwrap .InvenTitle span { font-size: 20px; color: #333; font-weight: bold; }

.Inventwrap .RecmItems { background: #f5f5f5; margin:0 15px 5px; border-radius: 6px; overflow: hidden; padding: 15px 0; }

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

.Inventwrap .RecmItems li a { display: block; margin: 0 10px; position: relative; background: #fff; overflow: hidden; }

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

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

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

.Inventwrap .RecmItems li span { position: absolute; z-index: 2; left: -0; top: -5px; width: 30px; height: 25px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; line-height: 38px; }

.Inventwrap .RecmItems li span i { position: relative; z-index: 2; }

.Inventwrap .RecmItems li:nth-child(1) span::after { border-top-color: #fd302e; }

.Inventwrap .RecmItems li:nth-child(2) span::after { border-top-color: #ff8533; }

.Inventwrap .RecmItems li:nth-child(3) span::after { border-top-color: #ffad33; }

.Inventwrap .RecmItems li span::after { display: block; content: ""; position: absolute; z-index: 1; width: 0; height: 0; left: -30px; top: -25px; border: 30px solid transparent; border-top: 30px solid #ddd; opacity: 0.95; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

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

.Inventwrap .Items { overflow: hidden; margin: 15px; }

.Inventwrap .Items .item { background: #f2f2f2; border-radius: 6px; padding: 10px; margin-bottom: 15px; }

.Inventwrap .Items .item .bt { display: block; line-height: 30px; font-size: 16px; color: #12cdb0; font-weight: bold; }

.Inventwrap .Items .item .desc { font-size: 14px; color: #666; line-height: 26px; }

.Inventwrap .Items .item img { display: block; margin: 12px auto; border-radius: 6px; height: 320px; }

.Inventwrap .Items .item .btn { display: block; margin: 12px auto; height: 36px; border-radius: 3px; text-align: center; line-height: 36px; font-size: 15px; color: #fff; width: 200px; background: #14cc8f; }

.Inventwrap .Items .item .btn::before { display: inline-block; content: ""; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA+klEQVR42sXUMWoCQRTG8YmYE1iokCqdtUUaryAsaQQDtgEtLOysYqEWHiCyIJ5CBAsDKYQEC2EVKyEBNwQbT5CM/+YVeSBrxgU/+FUz8zXzZoy1NkoKb9ggF7X/lMIHSLpxF7bjKCxB8nSRQg+vqJ9RWMELHo39m75DYQtWYtBVpWMkTiwcqrMDWairhTWyMChD0oHBNabqTFtfyr3asEMGt5B4uEKg9laP3fIdviH5go8fWDLETJV5UWOTxkod+oXOHvn/zOEIx7LEjctgP0NnguQ5L6UBie/69LQCijCOhe7ke3pHgIWjAHPUjI05Bk18IMTWUYhP9A7G8ESYkaB20gAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 6px 3px 0; }

.Inventwrap .Items .item .btn:hover { opacity: 0.88; }
.readqx_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    display: none;
    overflow-y: hidden;
  }

  .readqx_tanchuan {    
    display: none;
    height: auto;
    background: #fff;
    border-radius: 10px;
    color: #666;
    text-align: center;
    position: fixed;
    top: 15%;
	left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 12px 12px;
    z-index: 100;
  }

  .readqx_tanchuan .readqx_tit {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
  }

  .readqx_tanchuan .readqx_tit .readqx_close {
    width: 30px;
    height: 30px;
    color: #666;
    font-size: 18px;
    transform: scale(1.5, 1);
    display: block;
    position: absolute;
    right: 8px;
    top: 10px;
    font-weight: normal;
    cursor: pointer;
  }

  .readqx-form {
    max-height: 360px;
    overflow: auto;
    font-size: 15px;
    text-align: left;
    line-height: 30px;
  }

  .readqx_tanchuan pre {
    font-size: 15px;
    line-height: 24px;
  }

  pre {
    margin: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }

  .openRole {
    cursor: pointer;
  }