@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font: 14px/1.5 tahoma, arial, \5b8b\4f53, "Microsoft YaHei";
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}


small {
    font-size: 12px;
}

ul, ol, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #424242;
}

a:hover {
    color: #be2837;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

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

button, input, select, textarea {
    font-size: 100%;
}

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

body {
    color: #333333;
    background: #f9f9f9;
    font-family: "Microsoft YaHei";
}

.clear {
    clear: both;
    height: 1px;
    width: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hr {
    overflow: hidden;
    width: 100%;
    clear: both;
}

.hr10 {
    height: 10px;
}

.hr20 {
    height: 20px;
}

.hr30 {
    height: 30px;
}

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

.clearfix {
    zoom: 1;
}

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

.none {
    display: none;
}

.block {
    display: block;
}
a:hover{ color: #0078D7; }
.banner .ieBtn i, .title h4 i{ background-image: url(../images/icon.png); }
.header{ width: 100%; height: 108px; background-color: #fff;}
.w1200{ width: 1200px; margin-left: auto; margin-right: auto; }
.header .logo{ float: left; padding-top: 23px; }
.header .nav{ float: right; }
.header .nav li{float: left; font-size: 28px; height: 108px; line-height: 108px;padding: 0 39px;}
.header .nav .active span{ border-bottom: 3px solid #0078D7; color: #0078D7;}
.banner{ width: 100%; height: 448px; background-color: #0078d7; background-image: url(../images/banner.jpg);background-position: center center; margin-bottom: 30px;position: relative;}
.banner .w1200{ position: relative; height: 100%;}
.banner h2{ height: 72px; line-height: 72px; font-size: 24px; color: #333; font-weight: normal; padding-top: 10px;margin-bottom: 5px;}
.banner h2 b{ font-size: 36px; color: #fff; }
.w1200 p.txt{ font-size: 14px; line-height: 40px; }
.banner .ieBtn{ display: block; width: 205px; height: 48px; padding-left: 42px; position: absolute; bottom: 78px; left: 608px;text-indent: -9999em; background: none !important; }
.banner .ieBtn i{ display: none; }
.banner .w1200 p, .banner .w1200 h2{ display: none; }
.banner{min-width: 1200px;}

.main1{margin-bottom: 38px;}
.title{ height: 40px; line-height: 40px; }
.title h4{ float: left; font-size: 32px; padding-left: 55px; position: relative; color: #0078D7; }
.title h4 i{ display: block; width: 45px; height: 40px; position: absolute;left: 0; top: 0; }
.title a{ float: right; font-size: 16px;color: #999; float: right; }
.title a:hover{ color: #0078D7; }
.iocn1{ background-position: -48px 0; }
.iocn2{ background-position: -103px 0; }
.iocn3{ background-position: -163px 0; }
.iocn4{ background-position: -229px 5px; }
.iocn5{ background-position: -277px 0; }
.m1Item{ width: 350px;float: left; }
.m1Item .hot{ border: 1px solid #797979; height: 180px; margin-top: 15px; position: relative;margin-bottom: 10px;}
.m1Item .hot img, .m1Item .hot a{ display: block; width: 100%; height: 100%; }
.m1Item .hot:hover{ border-color: #0078D7; }
.m1Item .hot span{ display: block; position: absolute;left: 0; right: 0; bottom: 0; height: 40px;line-height: 40px; padding: 0 10px; font-size: 16px; color: #fff;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.m1Item .hot span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
:root .m1Item .hot span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.m1Item li{font-size: 16px; height: 36px; line-height: 36px; padding-left: 20px; position: relative;}
.m1Item li span{ float: right; color: #999999; padding-left: 10px; font-size: 14px;}
.m1Item li i{ display: block; width: 6px; height: 6px; border-radius: 50%; overflow: hidden; position: absolute;left: 0; top: 50%;margin-top: -3px; background-color: #0078D7;}
.m1Item li a{ display:block; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m1Item_left{ margin-right: 75px; }
.m1Item_right{float: right !important;}

.main2_left{ width: 850px; float: left; }
.main2 .title{ font-size: 28px; height: 52px; line-height: 52px; }
.main2 .title h4{ font-size: 28px; padding-left: 48px;}
.main2 .title i{ width: 40px; height: 40px;top: 50%; margin-top: -20px; }
.main2_left .title{ border-bottom: 3px solid #0078D7;}
.title .tabNav{ float: left; padding-left: 70px;}
.title .tabNav li{ float: left; padding: 0 38px; height: 52px;font-size: 20px; color: #616161; cursor: pointer;}
.title .tabNav .active{ color: #fff; background-color: #0078D7; }
.newsList li h4{ height: 84px;line-height: 84px;font-size: 28px; }
.newsList li h4 a{color: #010101; display: block; height: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newsList li h4 a:hover, .newsList li .info a:hover, .frLinks div a:hover, .newsList li:hover h4 a{color: #0078D7;}
.newsList li .imgBox{ display: block; width: 240px; height: 136px;float: left;margin-right: 44px; }
.newsList li .imgBox img{ display: block; width: 100%; height: 100%; }
.newsList li .txt{ color: #666666; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; padding-top: 10px;}
.newsList li .info{ color: #999;font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; margin-top: 26px;}
.newsList li .info a, .newsList li .info span{ color: #999; margin-right: 15px;}
.newsList li{ overflow: hidden; height: 244px; border-bottom: 1px solid #d5d5d5; }
.tabList ul{ display: none; }
.main2_right{ width: 300px; float: right; }
.specList li{ width: 100%; height: 165px; margin-bottom: 25px; position: relative; }
.specList li img, .specList li a{ display: block; width: 100%; height: 100%; }
.specList li span{ display: block; position: absolute;left: 0; right: 0; bottom: 0; height: 36px; line-height: 36px; color: #fff; font-size: 16px; padding: 0 10px;}
.specList li span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
:root .specList li span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.main2{ margin-bottom: 20px; }
.frLinks{ border-top: 4px solid #0078d7; padding-top: 14px; margin-bottom: 20px;}
.frLinks h4{ font-size: 20px; color: #0078d7; height: 44px; line-height: 44px;font-weight: normal; }
.frLinks div{ font-size: 0; line-height: 40px;}
.frLinks div a, .frLinks div i{ font-size: 16px; }
.frLinks div i{ font-style: normal; color: #c3c3c3; padding: 0 10px; }
.frLinks div a{ color: #666; }
.footers{ width: 100%; background-color: #323232;color: #fff; text-align: center; font-size: 14px; line-height: 24px; padding: 38px 0;min-width: 1200px; }
.footers a{}
.imgBox, .hot, .specList li{ overflow: hidden; }
.main1 img, .main2 img{transition: all 0.5s;}
.main1 img:hover, .main2 img:hover, .newsList li:hover img{transform: scale(1.2);}



.pageBanner{ height: 324px; margin-bottom: 0;}
.pageBanner .w1200{ padding-left: 750px; width: 450px; }
.pageBanner h2{ color: #fff; font-size: 44px; height: 63px; padding-top: 78px; }
.pageBanner p.txt{ line-height: 30px; }
.pageCur{ height: 48px; line-height: 48px; font-size: 12px; color: #aaaaaa;}
.pageCur a{ color: #aaa; }
.pageCur i{ font-style: normal; padding: 0 5px; }
.left{ width: 850px; float: left; }
.leftArt{ border-top:1px dashed #eeeeee; }

.h1{margin:0.7em 0px;color:#111;font-size:25px;line-height:120%;font-weight:normal; text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;}

.attri{line-height:18px;font-size:14px;color:#333;font-weight:normal;}
.attri span{margin-left:12px;}
.artHeader{padding-bottom: 10px;}

.content{color:#111;word-break:break-all;word-wrap:break-word;}
.content p{margin:10px 0px;color:#111;font-size:14px;line-height:180%;word-break:break-all;word-wrap:break-word;}
.content p.brief{background:#f5f5f5;padding:8px 15px;}
.content p.brief b{font-weight:normal;margin-right:5px;text-indent:2em;}
.content p.ad{margin:10px 0px;}

.tags{text-indent:2em;margin:0px;padding:1.5em 0px 0; text-align: left;}
.tags font{display:inline-block;margin-right:6px;color:#666;text-indent:0px;}
.tags span,.tags a{display:inline-block;margin-right:6px;padding:0px 8px;border:1px #eee solid;border-radius:2px;text-indent:0px;}
.tags a{ color: #e43a39; }
.content table{border-collapse:collapse;border:1px solid #e0e0e0;margin:0px auto;min-width: 80%;}
.content table td{border:1px solid #e0e0e0;text-align:center;padding:3px}
.content table th{border:1px solid #e0e0e0;text-align:center;padding:3px}

.content p{ text-indent: 2em; }
.content p img{ display: block; margin: 0 auto; max-width: 60%;}

.artAbout{ height: 30px; line-height: 30px;font-size: 14px; border-top: 1px solid #eee; padding:20px 0;}
.artAbout li{ width: 410px; height: 30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.artAbout li span{ color: #999; }

.aTitle{ border-bottom: 2px solid #589cf6; height: 38px; line-height: 38px;margin-bottom: 28px; }
.aTitle .tt{ font-weight: normal; font-size: 18px; color: #000;}
.aboutIntros ul{ margin-left: -14px; margin-right: -14px; }
.aboutIntros li{ width: 25%; float: left;margin-bottom: 20px; }
.aboutIntros li a{ display: block; margin-left: 14px; margin-right: 14px; }
.aboutIntros li img{ display: block; width: 100%; height: 100%; }
.aboutIntros li .imgBox{ height: 102px; background-color: #cccccc; }
.aboutIntros li .tt{ text-align: center; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden;padding-top: 12px; }

.right{ width: 300px; float: right; }
.rightTitle{ height: 46px; line-height: 46px; font-size: 22px; background-color: #f6f3f3;}
.rightTitle h4{ padding-left: 28px; position: relative; font-weight: normal; }
.rightTitle h4 i{ display: block; width: 6px; height: 26px; background-color: #589cf6; overflow: hidden;position: absolute;left: 0; top: 50%; margin-top: -13px; }
.rightTag ul{ margin-left: -8px; margin-right: -8px; }
.rightTag li{ width: 50%; float: left; margin-bottom: 16px;}
.rightTag li a{ display: block; margin: 0 8px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #c7c7c7; border-radius: 16px; font-size: 18px;}
.rightTag li a:hover{ color: #fff; background-color: #589cf6; border-color: #589cf6; }
.rightTag .rightTitle{ margin-bottom: 22px; }
.rightRanking li{ height: 44px; border-bottom:1px dashed #eee; padding-left: 35px; position: relative; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.rightRanking li:hover a{color: #589cf6;}
.rightRanking li i{ display: block; width: 22px; height: 22px; position: absolute;left: 0; top: 50%;margin-top: -11px;text-align: center; line-height: 22px; font-style: normal; background-color: #ececec; color: #999; font-size: 14px;}
.rightRanking li .fr{ color: #999; font-size: 14px; }
.rightRanking li.top1 i{ background-color: #e96465; color: #fff;}
.rightRanking li.top2 i{ background-color: #f99291; color: #fff;}
.rightRanking li.top3 i{ background-color: #fec564; color: #fff;}
.rightTag{margin-bottom: 10px;}
.rightRanking ul{padding-top: 10px;margin-bottom: 20px;}
.rightSPec ul{padding-top: 18px;margin-bottom: 10px;}

.rightSPec ul img{transition: all 0.5s;}
.rightSPec ul li:hover img{transform: scale(1.2);}

.rightTwen li{ padding: 15px 0; height: 84px; border-bottom: 1px solid #dadada; }
.rightTwen li .imgBox{ display: block; width: 108px; height: 100%; background-color: #d7d7d7; margin-right: 10px;float: left; }
.rightTwen li .imgBox img{ display: block; width: 100%; height: 100%; }
.rightTwen li h4{ font-size: 16px; height: 28px; line-height: 28px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.rightTwen li p{font-size: 14px; color: #999; line-height: 16px; height:48px; overflow: hidden;padding-top:5px; }

.erNav{ border-bottom: 1px solid #ececec;height: 43px; }
.erNav li{ width: 129px; color: #666666; font-size: 18px; text-align: center;height: 43px; line-height: 42px; border: 1px solid #ececec; float: left; margin-right: 10px; border-bottom: none; margin-bottom: -1px; position: relative; background-color: #f5f3f4;  }
.erNav li.active{ background-color: #fff; color: #3b88ee; border-top: 3px solid #3b88ee;height: 41px; line-height:38px;}
.erNav li a{ display: block; width: 100%; height: 100%;color: #666; }
.erNav li a:hover{ display: block; width: 100%; height: 100%;color: #3b88ee; background-color: #fff; }
.erNav li.active a{ color: #3b88ee; }

body{ background-color: #fff; }

/*分页*/
#page,.page{ height:30px; line-height:30px; text-align:center; font-size:14px; padding: 50px 0 70px;overflow: hidden; zoom: 1; width: 100%;}
#page a,.page a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7;}
#page a:hover,.page a:hover{ color:#fff; background:#3b88ee; text-decoration:none;}
#page span,.page span{ padding: 4px 10px; margin: 0 1px 0 0; background: #3b88ee; color:#fff;}
#page b.sele,.page b.sele{ color:#fff; background:#7db700; text-decoration:none; padding: 4px 10px; margin: 0 3px 0 0;}
#page b.total,.page b.total{ color:#999; font-weight:normal;}
#page b.selected,.page b.selected{ background: #3b88ee; border: 1px solid #3b88ee; color:#fff; padding: 5px 11px;  margin: 0 6px 0 0;}
#page strong.total,.page strong.total{ color: #888; font-weight:normal;}
.con-box-2{ display:block !important}

.rightTwen li:last-child{border-bottom: none;}

.pageBanner p.txt{ font-size: 18px; line-height: 42px; }
.pageBanner h2{ padding-top: 50px; margin-bottom: 10px;}
.artHeader{ text-align: center; }
.artHeader .attri, .artHeader .attri a{ color: #999; }
.artHeader .attri a:hover{ color: #589cf6; }
.aboutIntros li img{transition: all 0.5s;}
.aboutIntros li:hover img{transform: scale(1.2);}
.aboutIntros li:hover a{ color: #589cf6; }

.footers a{ color: #fff; margin-right: 10px; }

/*2019-10-11*/
.header .nav li{padding: 0 20px;font-size: 24px;}
.newsList img{transition: all 0.1s;}
.sideNav{ width: 200px;float: left; }
.sideNav li{ border: 1px solid #e3e3e3; height: 60px;line-height: 60px;font-size: 16px;margin-bottom: -1px;position: relative;}
.sideNav li a{ display: block; width: 100%; height: 100%; text-indent: 30px; }
.sideNav li i{ display: none; width: 0;  height: 0; border-top: 9px solid transparent; border-left: 12px solid #fff; border-bottom: 9px solid transparent;
    position: absolute; top: 50%; margin-top: -9px; right: 20px; }
.sideNav li.active, .sideNav li:hover{ background: #0078d7; color: #fff; border-color: #0078d7; font-size: 18px;transition: all 0.1s;}
.sideNav li.active a, .sideNav li:hover a{ color: #fff; }
.sideNav li.active i{display: block;}
.ranking_right{ width: 978px; border: 1px solid #e3e3e3;float: right;margin-bottom: 40px;}
.ranking_right li{height:178px; padding: 12px 48px 0; position: relative; border-bottom: 1px solid #e3e3e3; cursor: pointer;transition: all 0.3s;}
.ranking_right li .imgBox{ display: block; width: 110px; float: left; padding-top: 35px; position: relative;overflow: visible; margin-right: 22px;}
.ranking_right li .imgBox img{ display: block; width: 100%; height: 110px; border-radius: 20px;}
.ranking_right li .num{ display: block; width: 54px; height: 56px; text-align: center;line-height: 56px; color: #fff;font-size: 28px; font-weight: bold;background-image: url(../images/rank.png);font-style: normal;
                        position: absolute;left: -22px; top: 0;}
.ranking_right li .num.num_1{ background-position: 0 0; }
.ranking_right li .num.num_2{ background-position: 0 -56px; }
.ranking_right li .num.num_3{ background-position: 0 -112px; }
.ranking_right li .tt{ height: 24px;line-height: 24px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 700;padding-top: 15px;margin-bottom: 14px;padding-right: 135px; }
.ranking_right li .game-pf{ height: 20px;line-height: 20px; font-size: 12px; color: #8ba8a3; padding-right: 135px;}
.ranking_right li .info i{ font-style: normal; padding: 0 5px; }
.ranking_right li .star{ display: block; width: 105px; height: 20px;float: left;margin-right: 20px; background-image: url(../images/ico-star2.png); }
.ranking_right li .star i{ display: block;height: 100%; width: 80%;background-image: url(../images/ico-star1.png); }
.ranking_right li .btn{transition: all 0.2s; display: block;background: #fff; width: 132px; height: 44px; border: 1px solid #0078D7; color: #0078D7;font-size: 20px;text-align: center;line-height: 44px; border-radius: 4px; position: absolute; right: 48px; top: 38px; }
.ranking_right li .txt{margin-top: 22px; line-height: 24px; height: 48px; overflow: hidden;font-size: 14px; color: #808080;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ranking_right li:hover{ background: #f0f0f0; }
.ranking_right li .btn:hover{ background: #0078D7; color: #fff; }
.rankicon{ width: 538px; height: 157px; background-image: url(../images/rankicon.png);position: absolute;left: 32px; top: 93px; }

.pageTitles{ height: 43px; border-bottom: 1px solid #ececec; margin-top: 10px;}
.pageTitles h4{ float: left;font-size: 24px; font-weight: 700;padding: 0 34px; color: #0078D7; }
.pageTitles .erNav{ border-bottom: none; float: left; }

.zhuanqulist{margin-right: -26px;margin-top: 44px;}
.zhuanqulist li{ width: 25%; float: left;margin-bottom: 20px;height: 261px;}
.zhuanqulist li a{ display: block; border: 1px solid #e6e6e6;margin-right: 26px; padding-bottom: 10px;transition: all .2s linear; -webkit-transition: all .2s linear;  }
.zhuanqulist li img{ display: block; width: 100%; height: 140px; }
.zhuanqulist li h4,.zhuanqulist li p{ padding: 0 14px; }
.zhuanqulist li h4{ height: 30px; line-height: 30px; font-size: 18px; font-weight: normal; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top: 10px; }
.zhuanqulist li p{ line-height: 18px; }
.zhuanqulist li .txt{ font-size: 14px; color: #999999; height: 36px; overflow: hidden;line-height: 18px; margin-top: 5px;}
.zhuanqulist li .info{ height: 18px; overflow: hidden;font-size: 12px; color: #bcbcbc; margin-top: 10px;}
.zhuanqulist li:hover a{}
.zhuanqulist li:hover a{-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);margin-top: -5px; background: #f0f0f0;}
.zhuanqulist li h4{ color: #0078D7; }
.zhuanqulist li:hover .txt{ color: #333; }
.zhuanqulist li:hover .info{ color: #999; }

.qiu{ width: 535px; height: 535px; background-image: url(../images/qiu.png); background-position: center; position: absolute;left: 35px; top: -20px;}
.qiu{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 15s linear infinite;
    -moz-animation: rotate 15s linear infinite;
    -o-animation: rotate 15s linear infinite;
    animation: rotate 15s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


.specialHeader{ border: 1px solid #e3e3e3; height: 222px; padding:20px; }
.specialHeader img{ display: block; width: 446px; float: left; height: 100%;float: left; }
.specLeft{ float: right; width: 678px; float: right; }
.specLeft .tt{ height: 60px;line-height: 60px; border-bottom: 1px solid #d7d7d7;font-size: 24px; color: #000000; }
.specLeft .tt span{ font-size: 14px; color: #666666;font-weight: normal; padding-left: 8px;}
.specLeft .tt span b{ padding: 0 4px; color: #f82b11; font-weight: normal; }
.specLeft p.txt{ font-size: 14px; color: #666666; line-height: 24px; height: 72px;overflow: hidden;margin: 20px 0 18px;}
.specLeft .btn{ display: block; float: right; width: 168px; height: 42px;line-height: 42px;text-align: center; color: #fff; font-size: 18px; background: #109bff; border-radius: 4px; }
.specLeft div.info{line-height: 42px;font-size: 14px; color: #999;}
.specialList{margin-left: -10px;margin-right: -10px;}
.specialList li{float: left; width: 33.33%; margin-top:23px;cursor: pointer;height: 213px; }
.specialList li .box{ display:block; border: 1px solid #e6e6e6;margin: 0 10px; position: relative;padding: 23px 20px 15px; transition: all .2s linear;-webkit-transition: all .2s linear; }
.specialList li .imgBox{ display: block; width: 95px; height: 95px; border-radius: 8px; overflow: hidden;float: left;margin-right: 19px; }
.specialList li .imgBox img{ display: block; width: 100%; height: 100%; }
.specialList li .tt{ height: 26px;line-height: 26px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px;}
.specialList li .tt a{ color: #333; }
.specialList li p{ font-size: 14px; color: #999; line-height: 20px; }
.specialList li .info, .specialList li .timer{ overflow: hidden; height: 18px;line-height: 18px;}
.specialList li .info i{ font-style: normal;margin: 0 5px; }
.specialList li .btn a{ display: inline-block; width: 94px; height: 22px;line-height: 22px; border: 1px solid #589cf6; color: #1b8ce6; text-align: center; font-size: 14px; border-radius: 4px; }
.specialList li .btn{margin-top: 8px;}
.specialList li p.txt{ line-height: 20px; height: 60px; clear:both;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top: 17px;}
.specialList li .specicon{ display: block; width: 103px;height: 102px; background-image: url(../images/specicon.png);position: absolute; right: -5px; top: -5px; }
.specicon-1{ background-position: 0 0; }
.specicon-2{ background-position: -110px 0; }
.specicon-3{ background-position: -220px 0; }
.specicon-4{ background-position: -330px 0; }
.specialList li .specicon-4{ width: 29px;height: 40px; top: 0; right: 14px; }
.specialList li .box:hover{margin-top: -15px;-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);}
.specialList li .box:hover .tt a{ color: #1b8ce6; }
.specialList li .box:hover .btn a{ background: #1b8ce6; color: #fff; }

.listTag{ padding: 22px 20px 12px; border: 1px solid #dddddd;margin: 10px 0 17px;}
.listTag dl{ padding-left: 53px; position: relative;line-height: 28px; }
.listTag dl dt{ position: absolute;left: 0; top: 0; }
.listTag dd a{ display: inline-block; height: 28px;margin-bottom: 10px;float: left;margin-right: 10px; }

/**********************************/
.header .nav li{ padding: 0; }
.header .nav li a{ padding: 0 20px; }
.header .nav li{ position: relative;z-index: 9; }
.header .drap{ position: absolute; font-size: 16px; background: #fff;box-shadow: 0px 3px 9px rgba(0, 0, 0, .3);display: none;}
.header .drap li{ padding: 0;text-align: center; height: 52px;line-height: 52px; width: 100%;font-size: 18px; border-bottom: 1px solid #eee;}
.header .drap li a{ display: block; width: 100%; height: 100%;padding: 0; color: #000;}
.header .drap li a:hover{ background: #0078D7; color: #fff; }
.header .dropNav{box-shadow: 0px 3px 9px rgba(0, 0, 0, .3);} 
.header .dropNav .drap{display: block;}
.listTag{margin-bottom: 23px;}
.listTag dd a{ padding: 0 10px; border-radius: 3px;line-height: 28px; }
.listTag dd .active, .listTag dd a:hover{ background: #0078D7; color: #fff; }
.applistNav li{ float: left; width: 104px; height: 33px;line-height: 33px; text-align: center; color: #2194ef; border: 1px solid #2194ef;margin-right: -1px;font-size: 16px; }
.applistNav li a{ display: block; width: 100%; height: 100%; color: #2194ef; }
.applistNav li.active{ background: #2194ef; color: #fff; }
.applistNav li.active a{ color: #fff; }
.appDownHeader{ border: 1px solid #e2e2e2; padding: 32px 250px 50px 31px; border-bottom: none; position: relative; margin-bottom: 0px;}

.appDownHeader .imgBox{ display: block; width:120px; height: 120px; border-radius: 20px;float: left;margin-right: 42px;  }
.appDownHeader .imgBox img{ display: block; width: 100%; height: 100%; }
.appDownHeader .tt{ font-size: 24px; font-weight: bold; color: #000; height: 35px;line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px;}
.appDownHeader .info li{float: left; width: 186px;margin-right: 14px; height: 24px; line-height: 24px; overflow: hidden; color: #333; }
.appDownHeader .info li a{ color: #333; }
.appDownHeader .info li span{ color: #aaaaaa; }
.appDownHeader .btn{ display: block; width: 234px; height: 59px; background-image: url(../images/downbtn.png);position: absolute; right: 16px; top: 77px; text-indent: -99999em;}
.appDownHeader .tag{ padding: 12px 36px; height: 20px; background: #f6f6f6; clear:both;display: block; position: absolute;left: -1px; right: -1px; bottom: 0; line-height: 20px;font-size: 14px;}
.appDownHeader .tag span{ color: #666; }
.appDownHeader .tag a{ display: inline-block; height: 18px;line-height: 18px; padding: 0 6px; border: 1px solid #0178d6; border-radius: 3px;color: #0178d6; margin-right: 9px;}
.leftTitle{ height: 46px; background: #f6f6f6; padding: 10px 20px; height: 26px; line-height: 26px; }
.leftTitle .tt{ float: left; font-size: 20px; color: #000000; font-weight: normal; padding-left: 36px; position: relative;}
.leftTitle .tt i{ display: block; width: 24px; height: 26px; position: absolute; left: 0; top: 50%;margin-top: -13px; background-image: url(../images/titleLeft.png);background-position: left center; background-repeat: no-repeat; }
.appDownIntro .content{ padding: 28px 38px; font-size: 16px; line-height: 2; }
.appDownIntro .content p{ margin: 0; font-size: 16px; line-height: 2; text-indent: 2em; }
.appDownIntro .content h2{ color: #ff0000;margin: 6px 0; }
.appDownIntro .tag a{color: #33cd86;}

.sjtabBox{ width:820px; height: auto; position: relative; height: 560px; overflow: hidden;margin: 0 auto;}
.sjImgTab{ width: 100%; height: auto; position: absolute; overflow: hidden; top: 0; margin-left: -400px; left: 50%;}
.sjImgTab ul{ position: absolute; left: 0; top: 0; width: 600%; margin-left: -230px; padding-top: 120px;}
.sjImgTab ul li{ width: 420px; float: left; position: relative; z-index: 1;transition: all 0.3s; list-style: none;}
.sjImgTab ul li a{ display: block; width: 100%; height: 100%;}
.sjImgTab ul li img{ display: block; width: 100%;height: 100%; margin: 0 auto;}
.sjImgTab ul li span{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0;transition: all 0.3s; text-align: center;}
.sjImgTab ul .active{ z-index: 2; transform: scale(1.4);}
.sjImgTab ul .active span{ opacity: 0; filter: alpha(opacity=0);display: none; }
.turnBtn{ display: block; width: 100px; position: absolute; top:0; bottom: 0; background-repeat: no-repeat; background-position: center; z-index: 9; cursor: pointer;}
.turnPrev{ left: 0; background-image: url(../images/turnPrev.png);}
.turnNext{ right: 0; background-image: url(../images/turnNext.png);}
.turnBtn:hover{ opacity: 0.6; filter: alpha(opacity=60); }
.ztImgBox{padding: 32px 0 35px; }
.ztImgBox .ztTtile{ margin-bottom: 20px; }
.appDownHot{margin-top: 26px; border-bottom:1px dashed #6abeff;padding-bottom: 20px;margin-bottom: 5px;}
.appDownHot .imgBox {display: block; width: 240px; height: 120px; float: left;margin-right: 20px;}
.appDownHot .imgBox img{ display: block; width: 100%; height: 100%; }
.appDownHot .tt{height: 38px; line-height: 38px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.appDownHot .tt h4{font-size: 20px;}   
.appDownHot .tt .fr{font-size: 12px; color: #ababab;}
.appDownHot .tt .fr b{ color: #0091ff; font-weight: normal;}
.appDownHot p.txt{ line-height: 26px; height: 78px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden; margin-top: 5px;}
.applist{margin-right: -14px;}
.applist li{ width: 202px; height: 80px; float: left; margin-right: 14px; padding: 12px 0; }
.applist li .imgBox{ display: block; width: 80px; height: 80px; border-radius:12px;overflow: hidden;float: left;margin-right: 10px;}
.applist li .imgBox img{ display: block; width: 100%; height: 100%; }
.applist li .tt{ height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-size: 16px; font-weight: normal; }
.applist li p{ height: 26px; line-height: 26px;font-size: 12px;overflow: hidden; }
.applist li .size{color: #9d97cd;}
.applist li .classly, .applist li .classly a{ color: #666666; }
.left .applist{margin-bottom: 40px;}
.rightApplist .applist{margin-right: 0;}
.rightApplist .applist li{width: 100%;margin-right: 12px; padding: 15px 0; border-bottom: 1px solid #ebebeb; height: 78px;float: none;}
.rightApplist .applist li .imgBox{ width: 78px; height: 78px; }
.rightApplist .applist li p{ height: 20px; line-height: 20px;font-size: 14px;color: #666 !important; }
.rightApplist .applist li p a{color: #666 !important;}
.rightApplist{margin-bottom: 20px;}
.apptaglist{padding-top: 25px;margin-right: -20px;}
.apptaglist li{ float: left;margin-right: 20px;margin-bottom: 15px; }
.apptaglist li a{ display: block; height: 30px; padding: 0 12px; color: #666; background: #f0f0f0; border-radius: 3px;line-height: 30px; }


.top{ width: 100%; height: 35px; background: #e6e6e6; }
.bgBanners{ width: 100%; height: 538px; position: relative;margin-bottom: 15px;}
.bgmask{ height: 77px;padding-top:176px; width: 100%; position: absolute;left: 0; right: 0; bottom: 0; background-image: url(../images/bgmask.png);background-repeat: repeat-x;background-position: left bottom;}
.artNavbar{ height: 70px; background: #0577d0; padding-right: 261px; position: relative;}
.artNav li{float: left; height: 70px;font-size: 20px;color: #fff; line-height: 70px;}
.artNav li a{ color: #fff; padding: 0 38px;display: block; height: 100%;}
.artNav .active a{ background: #1059a1; padding-top: 11px;margin-top: -11px; }
.artNav li a:hover{ background: #1059a1; }
.artNavsearch{ width: 168px; height: 24px; line-height: 24px; padding: 7px 44px 7px 28px; position: absolute; right: 21px; top: 16px; background: #3f96db; border-radius: 19px; }
.artInput{ width: 100%; height: 100%; border: none 0;font-size: 14px; color: #fff;background: none; font-family: '微软雅黑';outline:none;}
.artInput::-webkit-input-placeholder { color: #c7e6ff;}
.artInput::-moz-input-placeholder { color: #c7e6ff;}
.artInput::-ms-input-placeholder { color: #c7e6ff;}
.artInputBtn{ display: block;width: 44px; height: 38px; position: absolute; right: 0; top: 0; border: none 0; background: none; background-image: url(../images/artInputBtn.png);background-position: left center;background-repeat: no-repeat;outline:none;}

.artApp{ background: #f6f6f6; padding: 20px; overflow: hidden; margin-bottom: 26px;}
.artApp .imgBox{ display: block; width: 100px; height: 100px; overflow: hidden; float: left;margin-right: 26px; border-radius: 16px; overflow: hidden;}
.artApp .imgBox img{ display: block; width: 100%; height: 100%; }
.artApp .btn{ float: right; width: 236px; height: 66px; background-image: url(../images/artbtn.png);background-repeat: no-repeat; text-indent: -99999em;margin-top: 23px; }
.artApp .tt{padding-top: 6px; height: 46px;line-height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px; color: #000; font-weight: normal;}
.artApp .tt span{ font-size: 14px; color: #0577d0;padding-left: 30px; }
.artApp .info li{float: left; font-size: 14px; color: #333; height: 36px;line-height: 36px; overflow: hidden; width: 132px;}
.artApp .info li a{}
.artApp .info li span{ color: #b2b1b1; }
.artApp p.txt{ clear: both; font-size: 14px; color: #666666; line-height: 24px; height: 48px; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20px;}

.artlist li{ border-bottom: 1px solid #d5d5d5; padding: 39px 0; height: 136px; overflow: hidden;cursor: pointer; }
.artlist li .imgBox{ display: block; width: 240px; float: left; height: 136px; margin-right: 23px;}
.artlist li .imgBox img{ display: block; width: 100%; height: 100%; }
.artlist li .tt{ height: 26px;line-height: 26px; font-size: 24px; font-weight: normal; color: #010101; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.artlist li .tt a{ color: #010101; }
.artlist li p.txt{ color: #666666; line-height: 24px; height: 48px; font-size: 16px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top: 20px;}
.artlist li .info{font-size: 14px; color: #999999; height: 20px;line-height: 20px;margin-top: 20px;}
.artlist li .info a{ color: #999;margin-right: 16px; }
.artlist li:hover{ background: #f9f9f9; }
.artlist li:hover a{ color: #589cf6; }

.clickBtn{ display: block; width: 260px; height: 40px; border: 1px solid #ddd; line-height: 40px; text-align: center; font-size: 16px; color: #666;margin: 20px auto 30px; }
.clickBtn:hover{ color: #fff; background: #589cf6;border-color: #589cf6; }
.rightTitle h4{ float: left; padding-left: 0; border-bottom: 3px solid #589cf6;margin-bottom: -3px; }
.rightTitle h4 i{ display: none; }
.rightTitle{ background: none; border-bottom: 3px solid #d2d2d2; }

.banner{overflow: hidden;}
.artobdy .left{ margin-right: 50px; }
#topbar{height:32px;line-height:32px;border-bottom:1px #eee solid;background-color:#f9f9f9;}
#topbar .top-left{color:#333;float: left;}
#topbar .top-right{float: right;}
#topbar .top-right b{font-weight: normal;color: #999;}
.apptaglist li a:hover{ background: #589cf6; color: #fff; }
.rightApplist{margin-bottom: 0;}
.rightApplist ul{margin-right: -30px; overflow: hidden;padding-top: 20px;}
.rightApplist li{ width: 80px; float: left;overflow: hidden;margin-right: 30px;margin-bottom: 20px; cursor: pointer;}
.rightApplist li img{transition: all 0.1s;}
.rightApplist li .imgBox{ display: block; width: 100%; height: 80px; overflow: hidden; border-radius: 16px; }
.rightApplist li .imgBox img{ display: block; width: 100%; height: 100%; }
.rightApplist li .tt{ display: block; height: 24px; line-height: 24px; overflow: hidden; font-weight: normal; font-size: 16px;margin-top: 8px;text-align: center; }
.rightApplist li:hover .tt a{ color: #589cf6; }
.rightApplist li:hover img{transform: scale(1.2);}
.indexRanking{margin-bottom: 38px;}
.rankingItem{ width: 350px; float: left; }
.rankingItem li{ height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 10px; border-bottom:1px dashed #d5d5d5; font-size: 16px;cursor: pointer;}
.rankingItem li i{ display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; border: 1px solid #7f7f7f; background: #7f7f7f; color: #fff; float: left;font-style: normal;margin-right: 10px; }
.rankingItem li img{ display: block; width: 26px; height: 26px; float: left;margin-right: 8px; }
.rankingItem li span.fr{ font-size: 14px; color: #999; }
.rankingItem li span.btn{ display: none; }
.rankingItem li:hover{ background: #f9f9f9; }
.rankingItem li:hover a{ color: #589cf6; }
.rankingItem li:hover .fr{ display: none; }
.rankingItem li:hover span.btn{ display: block; border: 1px solid #589cf6; height: 24px; padding: 0 12px; border-radius: 3px; background: #589cf6; color: #fff;line-height: 24px; }
.rankingItem li .num-1{ background: #d9001b;border-color:#d9001b;  }
.rankingItem li .num-2{ background: #ec808d; border-color:#ec808d;}
.rankingItem li .num-3{ background: #f59a23;border-color:#f59a23; }
.rankingitem_left{margin-right: 75px;}
.ranking_center{  }
.rankingitem_right{float: right !important;}
.rankingItem .title{ height: 56px; line-height: 56px;margin-bottom: 10px; }
.rankingItem .title h4 i{ background-image: url(../images/rankitem.png); width: 45px; height: 56px;}
.rankingItem .title h4 .rank1{ background-position: -54px 0; }
.rankingItem .title h4 .rank2{ background-position: -110px 0; }
.rankingItem .title h4 .rank3{ background-position: 0 0; }
.listTag{ border: none 0;padding-left: 0; padding-right: 0;margin-bottom: 0; }


/*2019-10-17*/
.rankcglist{ padding: 0 20px; }
.rankcglist li{ height: 80px; border-bottom: 1px solid #ececec; padding: 0; line-height: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px; padding: 0 10px;}
.rankcglist li .tag{ color: #999;margin-right: 12px; }
.rankcglist li:hover a{ color: #3b88ee; }
.rankcglist li:hover .tag{ color: #8ba8a3; }
.rankcglist li .fr{ font-size: 18px; color: #fe797a;padding-left: 10px; }


/*专区首页*/
.zqNav li i, .zqBanner .trBtn i,.zqtitle2 h4 i, .listss li .xin, .listss li .re,.listss li .jian, .zqtitle h4 i{ background-image: url(../images/zq.png); }
.zqNav{ width: 100%; border-top: 8px solid #0078d7; margin-bottom: 20px;}
.zqNav li{ float: left; text-align: center; width: 8.3%;text-align: center;font-size: 14px; color: #666666;}
.zqNav li i{ display: block; width: 44px; height: 38px;margin: 0 auto; }
.zqNav li a{ color: #666;padding-top: 32px; line-height: 40px;display: block;}
.zq1{ background-position: 0 0; }
.zq2{ background-position: -50px 0; }
.zq3{ background-position: -100px 0; }
.zq4{ background-position: -150px 0;}
.zq5{ background-position: -200px 0;}
.zq6{ background-position: -250px 0;}
.zq7{ background-position: 0 -50px;}
.zq8{ background-position: -50px -50px;}
.zq9{ background-position: -100px -50px;}
.zq10{ background-position: -150px -50px;}
.zq11{ background-position: -200px -50px;}
.zq12{ background-position: -250px -50px;}
.zqindexleft{ width: 380px; float: left; margin-right: 25px;}
.zqBanner{ width: 100%; height: 320px;position: relative; overflow: hidden;margin-bottom: 8px;}
.zqBanner ul{ width: 400%; height: 100%; position: absolute;left: 0; top: 0; }
.zqBanner ul li{ width: 380px; height: 100%; float: left; position: relative;}
.zqBanner ul li a, .zqBanner ul li img{ display: block; width: 100%; height: 100%; }
.zqBanner ul li span{ display: block; height: 70px;line-height: 70px; text-align: center; font-size: 16px; color: #fff; padding: 0 38px; position: absolute;left: 0; right: 0; bottom: 0;overflow: hidden; }
.zqBanner ul li span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .zqBanner ul li span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.zqBanner .trBtn{ display: block; width: 38px; height: 70px; position: absolute;bottom: 0; }
.zqBanner .prevBtn{left: 0;}
.zqBanner .nextBtn{left: 0;}
.zqBanner .trBtn i{ display: block; width: 13px; height: 24px; position: absolute;left: 50%;margin-left: -6px;top: 50%;margin-top: -12px; }
.zqBanner .prevBtn{left: 0;}
.zqBanner .prevBtn i{ background-position: -50px -140px; }
.zqBanner .nextBtn{ right: 0;left: auto; }
.zqBanner .nextBtn i{ background-position: -80px -140px; }
.zqBanner .trBtn:hover{ background: #0078d7; }
.zqBanner .prevBtn:hover i{background-position: -100px -140px;}
.zqBanner .nextBtn:hover i{background-position: -130px -140px;}

.zqtitle2{ border-bottom: 1px solid #e2e2e2; height:48px;line-height: 48px;  }
.zqtitle2 h4{ float: left; position: relative; padding-left: 35px;font-size: 18px; font-weight: normal; }
.zqtitle2 h4 i{ display: block; width: 24px; height: 24px; background-position: -155px -106px; position: absolute;left: 0; top: 50%;margin-top: -12px;}
.zqapp li{ width: 190px; padding: 15px 0px; height: 74px; position: relative;cursor: pointer;float: left;}
.zqapp li .imgBox{ display: block; width: 74px; height: 74px; float: left; margin-right: 13px; }
.zqapp li .imgBox img{ display: block; width: 100%; height: 100%; border-radius: 12px; }
.zqapp li .tt{ height: 25px; width: 95px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 18px; font-weight: normal; color: #000;margin-bottom: 2px; }
.zqapp li .tt a{ color: #000; }
.zqapp li .classlys, .zqapp li .size{ font-size: 14px; color: #999; height: 20px; line-height: 20px; overflow: hidden;}
.zqapp li .btn{ display: inline-block; height: 26px; line-height: 26px;width: 66px;text-align: center; border-radius: 3px; color: #fff;font-size: 14px; background: #0091ff;display: none; }
.zqapp li:hover{ background: #f3f3f3; }
.zqapp li:hover .size{ display: none; }
.zqapp li:hover .btn{ display: inline-block; }
.zqindexCenter{ width: 490px; float: left; }
.zqindex1nav li{ float: left; width: 20%; float: left;font-size: 18px; text-align: center;}
.zqindex1nav{ border-bottom: 1px solid #e2e2e2; height: 38px; line-height: 38px; margin-bottom: 10px;}
.zqindex1nav .active{ color: #0091ff;}
.listss li{ height:34px;line-height: 34px; position: relative;font-size: 14px;padding-left: 10px; }
.listss li:after{ content: ''; height: 34px; width: 0; border-left: 1px solid #ccc; position: absolute;left: 0; top: 17px;z-index: 1; }
.listss li i{display: block; width: 6px;height: 6px; border: 1px solid #ccc; border-radius: 50%; position: absolute;left: -3px; top: 50%;margin-top: -3px; background: #fff;z-index: 2;}
.listss li:last-child:after{ display: none; }
.liMore{display: block; margin: 10px; height: 40px;line-height: 40px; border-radius: 20px; background: #f0f0f0; color: #999;font-size: 14px; text-align: center;}
.listss{ padding-left: 15px; margin-top: 2px;}
.listss li a{ display: block; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding: 0 10px; }
.listss li:hover a{ background: #f0f0f0;color: #0091ff; }
.listss li{ height: 34px;line-height: 34px;font-size: 14px;padding-left: 26px;}
.listss li img{ display: inline-block; width: 20px;height: 20px; vertical-align: middle;margin: 0 10px;float: left;margin-top: 6px;}
.listss li span.txt{ float: left; display: block; width: 196px; overflow: hidden; height: 100%; white-space: nowrap; text-overflow: ellipsis;}
.listss li:after{height: 28px;top: 22px;}
.listss li span{ font-size: 14px; color: #999; }
.listss li .xin, .listss li .re,.listss li .jian{ width: 25px;height: 25px;position: absolute;left: -13px; top: 10px; border: none; border-radius: 0; }
.listss li .xin{background-position: -194px -105px;}
.listss li .re{background-position: -230px -105px;}
.listss li .jian{ background-position: -264px -105px; }
.listss li span.fr{ color: #ff4f00; padding-left: 10px;}
.listss li b{ font-weight: normal; color: #ccc; padding: 0 3px; float: left;}
.zqindexright{ width: 280px; float: right; }
.zqindexright .specList li{ height: 139px;margin-bottom: 10px; }

.zqtitle{ border-bottom: 1px solid #d1d1d1; height: 54px; line-height: 54px; }
.zqtitle h4{ float: left; padding-left: 60px; position: relative; height: 54px;font-size: 24px;font-weight: bold; color: #0078d7; }
.zqtitle h4 i{ display: block; width: 42px; height: 36px; position: absolute;left: 6px; top: 50%;margin-top: -18px; }
.zqt1{ background-position: 0 -140px; }
.zqt2{background-position: -100px -100px;}
.zqt3{background-position: -50px -100px;}
.zqt4{background-position: 0 -100px;}
.rjheji .aboutIntros{margin: 20px -10px 0 -10px;}
.rjheji .aboutIntros a{margin: 0 10px;}
.rjheji .aboutIntros li{ width: 20%; }
.rjheji .aboutIntros li .imgBox{ height: 122px; border-radius: 10px;overflow: hidden; }
.rjheji .aboutIntros li .tt{ height: 38px;line-height: 38px; text-align: center; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-top: 0;}
.rjxiazai .rightApplist li{ width: 108px; height: 167px; margin-right: 48px; margin-bottom: 0;}
.rjxiazai .rightApplist li .imgBox{ height: 108px; }
.rjxiazai .rightApplist li .tt{margin-top: 9px;}
.rjxiazai .rightApplist{padding-top: 34px; overflow: hidden; margin-right: -48px;}
.wzhji .specList{padding-top: 33px; margin-right: -20px;}
.wzhji .specList li{ width: 183px;float: left;overflow: hidden; height: 120px;margin-bottom: 0; margin-right: 20px;}
.wzhji .specList li a{ display: block; position: relative; }
.wzhji .specList li a img{ display: block; width: 100%; }
.wzhji{margin-bottom: 35px;}

.zqtitle ul{ padding-left: 40px; }
.zqtitle ul, .zqtitle ul li{ float: left; }
.zqtitle ul li span{cursor: pointer; display: inline-block; padding: 0 15px; background-color: #fff; margin-right: 10px; height: 22px; line-height: 22px; font-size: 14px; color: #000; border-radius: 11px 0 0 11px;}
.zqtitle ul .active span{ color: #fff; }
.zqtitle ul li span{ border: 1px solid #23b0f7; color: #23b0f7; }
.zqtitle ul .active span{ background-color: #23b0f7;}
.zxgx{ overflow: hidden; margin-bottom: 40px;}
.zxgx .zxlist{margin-left: -10px; margin-right: -35px; padding-top: 15px;}
.zxgx .zxlist li{ height: 30px; line-height: 30px; width: 364px; float: left; border-left:1px dashed #dddddd; padding-left: 13px; margin-right: 35px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zxgx .zxlist li .fr, .zxgx .zxlist li .tag{color: #999;}
.zxgx .zxlist li .tag{margin-right: 5px;}
.rjxiazai{margin-bottom: 14px;}
.rjheji, .zqindex1{margin-bottom: 5px;}
.tablist{ display: none; }
.tabNav li{ cursor: pointer; }
.wzhji .specList li a img{}
.wzhji .specList li a:hover span{ background: #23b0f7; color: #fff; }
.zqindexright .specList li span{ background: none; background-image: url(../images/bg.png);padding-top: 33px; background-position: -1px 0;text-align: center; }
.listss li span.txt{ color: #333; }
.wzhji .specList li{border-radius: 20px;height: 141px;width: 224px;}

.leftArt .content p, .appDownIntro .content p{ font-size: 17px; line-height: 2; }
.pageCur{ font-size: 14px; }



.wzhji .specList li a img{ border-radius: 20px; }
.wzhji .specList li a span{ border-radius: 0 0 20px 20px; text-align: center;}


/*2019-10-28*/
/*.pageBanner{ background: none; height: auto; position: relative; min-width: 1200px;}
.pageBanner img{ width: 100%;}
.pageBanner .w1200{ position: absolute;left: 50%;margin-left: -600px; top: 0; width: 1200px; padding: 0; height: 100%;}
.pageBanner .w1200 img{ height: 100%; width: 100%; }*/

/*2019-10-28*/
.ov{ overflow: hidden;}
.yylist{ margin-right: -100px; }
.yylist li{ width: 561px; height: 120px; float: left;padding: 23px 0; border-bottom: 1px dashed #ccc; margin-right: 74px; position: relative;}
.yylist li .libox{ padding-right: 40px; margin-right: -40px; border-right: 1px dashed #ccc; height: 100%; }
.libox .imgBox{ display: block; width: 120px; height: 120px; float: left; margin-right: 12px; }
.libox .imgBox img{ display: block; width: 100%; height: 100%; }
.libox h4, .libox h4 a{ height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.libox h4{ font-size: 20px; font-weight: bold; padding-right: 85px;}
.libox .info{ font-size: 16px; color: #999999; height: 24px; line-height: 24px; overflow: hidden; margin-top: 5px; margin-bottom: 9px;}
.libox .info span{ display: block; width: 150px; float: left; }
.libox .info a{ color: #999; }
.libox p{ line-height: 18px; height: 54px; overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.libox .downbtn{ position: absolute; right: 0; top: 38px; padding-left: 37px; width: 47px; height: 34px; line-height: 34px; font-size: 16px;}
.libox .downbtn i{ left: 15px; }
.yylist li.news .imgBox{ width: 165px; }
.yylist li.news .info span{ width: 191px; }
.bdt{ border-top: 4px solid #0078D7; }


.game_version{margin-top:0px;margin-bottom: 20px;}
.game_version h2{color:#4c4c4c;font-size:22px;height:42px;line-height:42px;font-weight:normal;}
.game_version ul{margin-top:20px;overflow:hidden;}
.game_version ul li{height:46px;line-height:46px;border-bottom:1px dashed #ddd;font-size:12px;overflow:hidden;}
.game_version ul li:hover{background:#eee;}
.game_version ul li a{display:block;}
.game_version ul li span{display:block;float:left;width:160px;color:#8e9096;}
.game_version ul li a.bt{float:left;width:350px;height:46px;color:#333;margin-right:10px;font-size:15px;overflow:hidden;}
.game_version ul li a.down{float:right;width:70px;height:26px;line-height:26px;text-align:center;background:#589cf6;border-radius:5px;color:#fff;margin-top:10px;}
.game_version ul li a.down:hover{background:#2d72eb;}
.game_version .more{color:#589cf6;line-height:30px;cursor:pointer;text-align:right;}


.w880{ width:838px; border:0px solid #ececec; padding:0px 0px 0; overflow:hidden; margin-bottom: 10px;}
.w880 .text-list{ width:108%; padding:12px 0; }
.w880 .text-list li{ background:url(../images/article_dian2.gif) no-repeat left center; padding-left:13px; float:left; width:367px; height:36px; line-height:36px; margin-right:70px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.w880 .text-list li a:hover{ text-decoration:underline; }
.w880 .text-list li:hover{ background-image:url(../images/article_dian1.gif); }
.w880 .text-list li .type{ margin-right:6px; }
.w880 .text-list li .type a{ color:#888; }
.w880 .text-list li .type a:hover{ color:#f59912; text-decoration:underline; }


.ztTitle2{ height: 48px; line-height: 48px; overflow: hidden; }
.ztTitle2 h4{ float: left; position: relative; font-size: 18px; font-weight: normal; color: #000; padding-left: 12px;}
.ztTitle2 h4 i{ width: 4px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; background-color: #19b5ff; }
.ztTitle2 h4{ font-size: 30px; font-weight: bold; color: #000;padding-left: 26px;}
.ztTitle2 h4 i{ width: 6px; height: 30px; margin-top: -15px; background-color: #589cf6; }


.wz-tjdown{ border:1px solid #f2f2f2; background:#f8f8f8; padding:10px 12px;position:relative; margin:20px 0 -10px 0;clear:both;width:100%;}
.wz-tjdown img{ width:90px; height:90px; display:inline-block; float:left; border-radius:15px;}
.wz-tjdown .cont{ height:90px;padding:0 130px 0 16px; overflow:hidden; }
.wz-tjdown .cont h3{ font-weight:normal; height:35px;line-height:35px; overflow:hidden;}
.wz-tjdown .cont ul{ width:350px;}
.wz-tjdown .cont li{ height:23px; line-height:23px; overflow:hidden; color:#666; font-size:12px; float:left; width:170px;}
.wz-tjdown .cont li font{ color:#999;}
.wz-tjdown .btns{ position:absolute; right:12px; top:0;}
.wz-tjdown .btns a:last-child{ width:130px;padding-left:0; height:36px; line-height:36px; display:block;border-radius:6px;font-size:14px; background:url(../images/yxzq.png) no-repeat; margin-top:14px; }
.wz-tjdown .btns a:first-child{ width:130px;padding-left:0; height:36px; line-height:36px; display:block;border-radius:6px;font-size:14px; background:url(../images/yxxz.png) no-repeat; margin-top:14px; }
.wz-tjdown .btns a.no-active {background:url(../images/zwzq.png)}
.wz-tjdown .btns a.android{ }
.wz-tjdown .btns a.iphone{ background-color:#45abff; background-position:19px -33px;}
.wz-tjdown .btns a.android:hover{ background-color:#9dd300;}
.wz-tjdown .btns a.iphone:hover{ background-color:#30a2ff;}
.wz-tjdown .btns a.one{ margin-top:40px;}

/*2019-11-1*/
.zqin1left{width: 764px; float: left; height: 350px;margin-right: 0;}
.zqin1left .zqBanner{ width: 100%; height: 100%; }
.zqin1left .zqBanner ul li{ width: 764px; }
.zqin1left .zqBanner .trBtn{ width:46px; height: 84px; top: 130px; }
.zqin1left .zqBanner .trBtn{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .zqin1left .zqBanner .trBtn{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.zqin1left .zqBanner ul li span{ height: 40px;line-height: 40px; text-align: left; padding-left: 10px; padding-right: 140px;}
.zqin1left .zqBanner .num{ position: absolute; right: 10px; bottom: 10px; line-height: 1;}
.zqin1left .zqBanner .num span{ display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #9c9c9c;margin: 0 4px; }
.zqin1left .zqBanner .num .active{ background: #fff; }
.zqin1right{ width: 380px; border:1px solid #eeeeee; padding: 0 18px 10px;float: right; }
.zqin1right .rhot{ position: relative; padding: 18px 0 7px 43px; border-bottom: 1px solid #eaeaea;margin-bottom: 10px;}
.zqin1right .rhot i{ display: block; width: 22px; height: 22px; border:4px solid #99e1ff; position: absolute;left: 0; top: 21px; border-radius: 50%;}
.zqin1right .rhot h2{ font-weight: normal; color: #ff4200; height: 30px;line-height: 30px; overflow: hidden;font-size: 18px; }
.zqin1right .rhot h2 a{ color: #ff4200; display: block; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zqin1right .rhot p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #999; }
.zqin1right .rhot p a{ color: #999; }
.rilist li{ height: 32px; overflow: hidden; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; padding-left: 40px; position: relative; }
.rilist li .timer{ float: right; color: #999; }
.rilist li .tag{ position: absolute;left: 0; top: 0; color: #ef581c; }
.rilist li i{ font-style: normal; color: #ccc;margin-right: 3px; }
.rilist li .tag:hover{ color: #0078D7; }
.zqindex1{margin-bottom: 20px;}
.zqtitle h4{float: left;}
.zqtitle .more{ float: right; color: #999; font-size: 14px; }


.content p img{  height: auto !important;}


.d_turn_page {
    text-align: center;
    padding: 40px 0;
    font-size: 0;
    height: auto;
    overflow: hidden;
}
.d_turn_page a,
.d_turn_page span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: 1px solid #eee;
    border-left: none;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 13px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.d_turn_page a:hover,
.d_turn_page a.active,
.d_turn_page a.current {
    background-color: #358ff0;
    color: #fff;
    border-color: #358ff0;
}
.d_turn_page span.d_t_pagers,
.d_turn_page a.d_t_pagers {
    border-left: 1px solid #eee;
}



/*2020-3-13*/
.zqBanner,.zqindexright .specList li{border-radius: 10px;}
.top2z{width: 100%;height: 33px;background: #383838;color: #c6d0da;font-size: 12px;line-height: 33px;}
.top2z .wl{font-weight: normal; margin-right: 30px;}
.top2nav a{color: #c6d0da;display: inline-block;height: 33px; padding: 0 18px;}
.top2z a:hover, .top2nav .active{color: #fff;}
.mpabtn{padding-left: 24px;position: relative;z-index: 9;}
.mpabtn a{color: #c6d0da;}
.mpabtn i{display: block;width: 16px;height: 16px;background-image: url(../images/zt2.png);position: absolute;left: 0;top: 50%;margin-top: -8px;background-position: -132px 0;}
.header2z .logo a{padding: 19px 0 23px;display: block;}
.header2z .logo img{display: block;}
.header2z{border-bottom: 4px solid #19b5ff;}
.header2z .nav{padding-top: 19px;}
.header2z .nav li{float: left;height: 90px;line-height: 90px;font-size: 20px;}
.header2z .nav li a{display: block;padding: 30px 25px 0;position: relative;position: relative;height: 60px;}
.header2z .nav li a:after{content: '';display: block; width: 0; height: 14px;border-right:1px dashed #d6d6d6;position: absolute; right: 0;top: 50%;margin-top: -7px;}
.header2z .nav li:last-child a:after{display: none;}
.header2z .nav li i{display: block; width: 22px;height: 22px;position: absolute;left: 0;top: 50%;margin-top: -11px;background-image: url(../images/zt2.png);}
.header2z .nav li span{display: block;height: 22px;line-height: 22px;position: relative;padding-left: 30px; -webkit-transition: -webkit-transform .3s; transition: transform .3s;font-weight: normal;}
.header2z .nav li .box{height: 22px;overflow: hidden;}
.header2z .nav li .blue{color: #0078d7;}
.header2z .nav li .black{color: #000;}
.header2z .nav li a:hover .black { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);}
.header2z .nav li a:hover .blue { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);}
.header2z .nav li .blue{*display: none;}
.header2z .black .n1{background-position: 0 0;}
.header2z .blue .n1{background-position: 0 -22px;}
.header2z .black .n2{background-position: -22px 0;}
.header2z .blue .n2{background-position: -22px -22px;}
.header2z .black .n3{background-position: -44px 0;}
.header2z .blue .n3{background-position: -44px -22px;}
.header2z .black .n4{background-position: -66px 0;}
.header2z .blue .n4{background-position: -66px -22px;}
.header2z .black .n5{background-position: -88px 0;}
.header2z .blue .n5{background-position: -88px -22px;}
.header2z .black .n6{background-position: -110px 0;}
.header2z .blue .n6{background-position: -110px -22px;}
.header2z .nav li.active .blue{display: block;}
.header2z .nav li.active .black{display: none;}
.header2z .nav li.active a:hover span{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.mpaDrop{overflow: hidden; background: #fff;padding: 20px;}
.mpaDrop dt{ height: 48px; border-bottom: 1px solid #dfdfdf; line-height: 48px;font-size:22px; clear: both;margin-bottom:20px;}
.mpaDrop dt span{display: block; float: left; border-bottom: 2px solid #48aeff;height: 48px;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;color: #000;}
.mpaDrop dl{ overflow: hidden;}
.mpaDrop dd{ float: left; float: left; margin-bottom: 15px;margin-right: 20px;}
.mpaDrop dd a{ padding: 0 20px;display: block; border: 1px solid #b5b5b5; height: 28px;line-height: 28px; border-radius:16px; overflow: hidden;text-align: center; color: #666;font-size: 14px;}
.mpaDrop div{padding: 0 0.5rem; }
.mpaDrop dl .dtt{ border-bottom: none; font-size: 18px;margin-bottom: 0; padding-left:15px; position: relative;margin: 0 10px; height:28px;line-height: 28px;}
.mpaDrop dl .dtt:after{ content: ''; display: block; width: 3px; height:14px; background: #48aeff; position: absolute;left: 0; top: 50%;margin-top: -7px; }
.mpaDrop dd a:hover{color: #fff;background: #48aeff;border-color: #48aeff;}


.miin2{padding-top: 24px;}
.miin2 .rightApplist{margin-right: -34px;}
.miin2 .rightApplist li .tt{font-size: 14px;}
.introHots{height: 27px;line-height: 27px;overflow: hidden;margin-bottom: 7px;}
.introHots dt{float: left;width: 103px;text-align: center;font-size: 14px;font-weight: bold;color: #fff;}
.introHots dt.c1{background: #f66688;}
.introHots dt.c2{background: #f6c15b;}
.introHots dt.c3{background: #b3d465;}
.introHots dd{width: 1084px;float: right;font-size: 0;}
.introHots dd a{font-size: 14px;color: #666;}
.introHots dd i{font-size: 12px;color: #ccc;margin: 0 18px;font-style: normal; }
.index1zLeft{width: 380px;float: left;}

.index1list li,.index1list li.best i,.index1list li.hot i,.index1list li.new i{ background-image: url(../images/in1.png); background-repeat: no-repeat; }
.index1list li{position: relative; height: 34px; line-height: 34px; padding-left: 26px;background-position: 0 -122px;}
.index1list li:hover{ background-position: 0 -154px; }
.index1list li .timer{ float: right; margin: 0 5px;color: #fd3939;}
.index1list li .classly{ display: inline; float: left; width: 100px; height: 17px; line-height: 17px; margin: 8px 13px 0 0; padding: 0 7px 0 0;
    text-align: right; border-right: 1px solid #ddd; overflow: hidden;color: #999;}
.index1list li .classly:hover {color: #fd3939}
.index1list li img { display: inline; width: 20px; height: 20px; margin-right: 6px; position: relative;}
.index1list li .tt{width: 254px;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index1list li i{display: none;}
.index1list li.best i,.index1list li.hot i,.index1list li.new i{display: block; width: 28px;line-height: 32px; height: 32px; overflow: hidden; padding: 0;
    text-align: center; position: absolute; left: 0;top: 0;font-style: normal;}
.index1list li.best,.index1list li.hot,.index1list li.new{margin-top: 16px;}
.index1list li.new i{background-position: 0 -26px;color: #359aff;}
.index1list li.hot i{background-position: 0 -58px;color: #ff0303;}
.index1list li.best i{background-position: 0 -90px;color: #71b73c;}
.zqindexright .specList li img{transition: all 0.5s;}
.zqindexright .specList li:hover img{transform: scale(1.2);}
.index1z{padding-top: 15px;}
.index1list li .timer{white-space: nowrap;}
.index1list li{*float: left;}
.appDownAbout .tabNav{border:1px solid #f1f1f1;height: 42px;line-height: 42px;margin-top: 15px;font-size: 16px;color: #666;}
.appDownAbout .tabNav li{ width: 20%;float: left;text-align: center;cursor: pointer;}
.appDownAbout .tabNav li a{ display: block; height: 42px;  border-right: 1px solid #f1f1f1; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.appDownAbout .tabNav li.active a{ color: #0091ff;font-weight: bold; border-bottom: 4px solid #0091ff;height: 39px;margin-bottom: -1px;}
.appDownAbout .tabNav li:last-child a{border-right: none;}
.appDownAbout .appDownHot{margin-top: 15px;}


/*2020-3-17*/
.ztTilNav li{float: left;}
.ztTilNav li a,.ztTilNav li span{font-size: 16px;padding: 2px 14px 4px;border-radius: 3px;cursor: pointer;}
.ztTilNav li.active a,.ztTilNav li.active span{ background: #0091ff;color: #fff; }
#rjxz{margin-top: 20px;}

/*2020-4-1*/
.softmain .tabNav li{line-height: 52px;}
.softmain .title{border-bottom: 3px solid #0078D7;height: 52px;font-size: 28px;line-height: 52px;}
.softmain .title h4{ font-size: 28px; padding-left: 48px;}
.softmain .title h4 i{ width: 40px; height: 40px;top: 50%; margin-top: -20px; }
.softmain .rjxiazai .rightApplist{}
.softmain .ztTilNav li{}
.softmain .title .tabNav{padding-left: 0;}
.softmain .ztTilNav li a,.softmain .ztTilNav li span{height: 26px;line-height: 26px;color: #333;}
.softmain .ztTilNav li{padding-top: 10px;}
.softmain .ztTilNav li.active a,.softmain .ztTilNav li.active span{color: #fff;}
.softmain .title .more{font-size: 14px;margin-left: 10px;}
.hide{display: none;}


/*2020-4-9*/
.hjlist1{margin-left: -10px;margin-right: -10px;padding-bottom: 20px;}
.hjlist1 li{float: left; width: 33.33%; margin-bottom:23px;cursor: pointer; }
.hjlist1 li .box{ display:block; border: 1px solid #e6e6e6;margin: 0 10px; position: relative;padding: 20px; transition: all .2s linear;-webkit-transition: all .2s linear; }
.hjlist1 li .imgBox{ display: block; width: 95px; height: 95px; border-radius: 8px; overflow: hidden;float: left;margin-right: 18px; }
.hjlist1 li .imgBox img{ display: block; width: 100%; height: 100%; }
.hjlist1 li .tt{ height: 28px;line-height: 28px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px;}
.hjlist1 li .tt a{ color: #000; }
.hjlist1 li p{ font-size: 14px; color: #999; line-height: 20px;height: 20px; }
.hjlist1 li .info{ overflow: hidden;margin: 8px 0 10px;}
.hjlist1 li p.txt{ line-height: 20px; height: 60px; clear:both;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;padding-top: 17px;}
.hjlist1 li:hover .box{margin-top: -15px;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.hjlist1 li:hover .box .tt a{ color: #1b8ce6; }
.hjlist1 li .star{display: inline-block; width: 72px;height: 14px;position: relative;margin-right: 10px;background: red;vertical-align: middle;font-size: 0;}
.hjlist1 li .star i{display: inline-block;width: 50%;height: 100%;background: blue;}
.hjlist1 li .info i{font-style: normal;margin: 0 10px;}
.hjlist1 li .timer span{color: #ec0e0e;}
.hjlist1 li .timer{overflow: hidden;}
.hjlist1 li .btn{ display: block;width: 48px;height: 30px;line-height: 30px;padding-left: 42px; border:1px solid #e6e6e6;border-radius: 16px;position: absolute; right: 19px;top: 80px; }
.hjlist1 li .btn i{ display: block; width: 18px;height: 18px; position: absolute;left: 20px;top: 50%;margin-top: -9px; background-image: url(../images/hjd.png); background-position: 0 -18px;}
.hjlist1 li:hover .box .btn{ background: #1b8ce6; color: #fff; }
.hjlist1 li:hover .box .btn i{background-position: 0 0;}
.d_turn_page a:nth-child(1){border-left: 1px solid #eee;}