@charset "utf-8";

/* html {background:white;color:black;} */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td,
form {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 "5FAE8F6F96C59ED1", Arial, "5b8b4f53", sans-serif;
}

body {
    background-color: #fff;
    color: #333;
    padding-top: 100px;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

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

i,
em {
    font-style: normal;
}

small {
    font-size: 12px;
}

ul,
ol {
    list-style: none;
}

a {
    color: #1C8DFF;
    text-decoration: none;
}

a:hover {
    color: #1A8EFF;
    text-decoration: none;
}

a:focus,
*:focus {
    outline: none;
}

button,
input,
select,
textarea,
label {
    font-size: 100%;
    vertical-align: middle;
}

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

hr {
    border: none;
    height: 1px;
}

img,
a img {
    border: 0;
}


/* 透明背景 文字 兼容 */
.opacity {
    background: rgba(0, 0, 0, 0.65);
    position: relative;
    display: block;
    overflow: hidden;
}

.opacity p,
.opacity p a,
.opacity span,
.opacity span a {
    color: #fff;
    display: block;
    overflow: hidden;
}

.opacity p a:hover,
.opacity span a:hover {
    color: #f60
}

;

@media screen,
screen9 {

    /* 只支持低于IE9 */
    .opacity {
        background-color: #000000;
        filter: Alpha(opacity=60);
        position: static;
        *zoom: 1;
    }

    .opacity p,
    .opacity span {
        position: relative;
    }
}


.fr {
    float: right;
}

.fl {
    float: left;
    /* font-size: 18px; */
    font-weight: normal;
}

.hide {
    display: none;
}

.block {
    display: block;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.clear {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.w100 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.topFixed {
    position: absolute;
    height: 100px;
    top: 0;
    background: #0C6FD5;
    color: #fff;
    z-index: 999999;
    clear: both;
}

.hd {
    height: 100px;
}

.hd .h-logo {
    width: 186px;
    float: left;
}

.hd .h-logo a {
    display: block;
    width: 100%;
    height: 100px;
    background: #0C6FD5 url(../pic/logo.png) no-repeat 50% 50%;
}

.hd .h-nav {
    width: 700px;
    float: left;
    margin-top: 30px;
    padding-left: 40px;
}

.hd .h-nav li {
    float: left;
    width: 116px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
}

.hd .h-nav li a {
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
}

.hd .h-nav li:hover,
.hd .h-nav li.on {
    color: #E6FF75;
}

.hd .h-nav li:hover a,
.hd .h-nav li.on a {
    color: #E6FF75;
    text-decoration: none;
}

.hd .h-search {
    width: 208px;
    float: right;
    margin-top: 30px;
    padding-left: 10px;
    height: 42px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #0D78C6;
}

.hd .h-search form {
    display: block;
    height: 42px;
}

.hd .h-search .ipt {
    width: 160px;
    height: 42px;
    border: 0;
    color: #5E5E5E;
}

.hd .h-search .btn {
    width: 40px;
    height: 42px;
    font-size: 0;
    text-indent: -9999em;
    cursor: pointer;
    border: 0;
    background: #fff url(../pic/sbtn.png) no-repeat -2px -8px;
}


.home_banner {
    height: 420px;
    background: #fff url(../pic/banner.png) no-repeat 50% 50%;
}

.home_banner dl {
    width: 37%;
    float: right;
}

.home_banner dl dt {
    width: 100%;
    padding: 20px 0 10px;
    font-size: 15px;
    color: #fff;
    clear: both;
}

.home_banner dl dt strong {
    font-size: 44px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
    font-weight: normal;
}

.home_banner dl dt span {
    display: block;
    padding: 6px 0;
}

.home_banner dl dd {
    width: 100%;
    color: #fff;
    padding-top: 5px;
}

.home_banner dl dd span {
    display: block;
    margin-bottom: 5px;
}

.home_banner dl dd a {
    font-size: 15px;
    color: #fff;
    margin-right: 5px;
}

.home_banner dl dd .down_submit {
    width: 100%;
    margin-top: 20px;
    clear: both;
}

.home_banner dl dd .down_submit a {
    width: 280px;
    height: 60px;
    background: url(../pic/down.png) no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
}

/*新的首页css 2020-04-07*/
.home_banner {
    height: 500px;
    background: #fff url(https://www.125315.com/d/imgs/pic0214/banner_bg.png) repeat-x;
}

.home_banner .container {
    width: 1397px;
    padding-top: 45px;
}

.home_banner dl {
    padding-top: 23px;
    width: 37%;
    float: left;
    padding-left: 90px;
}

.home_banner dl dt {
    width: 100%;
    padding: 0px 0 10px;
    font-size: 15px;
    color: #fff;
    clear: both;
}

.home_banner dl dt strong {
    font-size: 36px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
}

.home_banner dl dt span {
    display: block;
    font-weight: 100;
    padding: 6px 0;
}

.home_banner dl dd {
    width: 100%;
    color: #fff;
    padding-top: 5px;
}

.home_banner dl dd span {
    display: block;
    margin-bottom: 5px;
    font-weight: 100;
}

.home_banner dl dd a {
    font-size: 15px;
    color: #fff;
    margin-right: 5px;
}

.home_banner dl dd .down_submit {
    width: 100%;
    margin-top: 20px;
    clear: both;
}

.home_banner dl dd .down_submit ul {}

.home_banner dl dd .down_submit ul li {
    float: left;
    width: 43%;
}

.home_banner dl dd .down_submit ul li .tip-download {
    font-size: 21px;
    text-align: left;
    padding-left: 7px;
}

.home_banner dl dd .down_submit ul li .version {
    margin-top: 5px;
}

.home_banner dl dd .down_submit ul li.down-property {
    text-align: right;
}

.home_banner dl dd .down_submit a {
    margin-top: 6px;
    width: 265px;
    height: 60px;
    background: url(https://www.125315.com/d/imgs/js/pic/home/ZJBDown.png) no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
}

.home_banner dl dd .down_submit a:hover {
    opacity: 0.9;
}

.home_banner .col-img {
    float: right;
    position: inherit;
    top: -10px;
    left: -67px;
}

.home_banner .col-img img {}

.home_banner .col-img .select {
    width: 76px;
    float: left;
    padding-top: 8px;
    line-height: 33px;
    margin-left: 0px;
}

.home_banner .a {
    color: white;
    border-radius: 4px;
    padding: 3px 12px;
    margin-top: 10px;
    border: 1px solid white;
}

.home_banner .active {
    background-color: white;
    color: #0d96ff;
}

.play-box {
    position: fixed;
    top: 70px;
    width: 780px !important;
    left: 550px;
    z-index: 9999;
    height: 439px !important;
}

.m-open-exit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 46px;
    height: 30px;
    line-height: 30px;
    background: #8f8f8f;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer
}

.m-black-bg {
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998
}

.m-open-exit {
    display: block;
    width: 46px;
    height: 30px;
    line-height: 30px;
    background: #8f8f8f;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    position: fixed;
    top: 43px;
    left: 1284px;
    z-index: 9999;
}




.home_intro {
    margin-top: 20px;
}

.home_intro .gonggao {
    display: none;
}

.home_intro dl dt {
    color: #999;
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.home_intro dl dt h3 {
    font-size: 18px;
    color: #007AE4;
    font-weight: normal;
}

.home_intro dl dd {
    width: 100%;
    padding-top: 60px;
    overflow: hidden;
}

.home_intro dl dd ul {
    width: 100%;
    overflow: hidden;
}

.home_intro dl dd ul li {
    float: left;
    width: 13%;
    padding: 0 4% 2% 16%;
    height: 150px;
    overflow: hidden;
    text-align: left;
}

.home_intro dl dd ul li h4 {
    font-size: 17px;
    padding-bottom: 10px;
    font-weight: normal;
}

.home_intro dl dd ul li span {
    width: 100%;
    font-size: 13px;
    line-height: 120%;
    display: block;
    clear: both;
    text-align: left;
    color: gray;
}

.home_intro dl dd ul li.p1 {
    background: url(../pic/homeIcon_1.png) no-repeat 24% 12%;
}

.home_intro dl dd ul li.p2 {
    background: url(../pic/homeIcon_2.png) no-repeat 24% 12%;
}

.home_intro dl dd ul li.p3 {
    background: url(../pic/homeIcon_3.png) no-repeat 24% 12%;
}

.home_intro dl dd ul li.p4 {
    background: url(../pic/homeIcon_4.png) no-repeat 24% 12%;
}

.home_intro dl dd ul li.p5 {
    background: url(../pic/homeIcon_5.png) no-repeat 24% 12%;
}

.home_intro dl dd ul li.p6 {
    background: url(../pic/homeIcon_6.png) no-repeat 24% 12%;
}



.home_query {
    position: relative;
}

.home_query .upan {
    padding: 35px 0 36px 2%;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 17px;
    color: gray;
    clear: both;
    margin-top: 36px;
}

.home_query .upan span {
    height: 52px;
    line-height: 52px;
    display: inline-block;
    overflow: hidden;
}

.home_query .upan span.qtit {
    width: 15%;
    text-align: left;
}

.home_query .upan span.qtit i {
    width: 8px;
    height: 8px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #0079E1;
    color: gray;
}

.home_query .upan span.qtit strong {
    margin-left: 15px;
    color: rgb(114, 116, 119);
    font-size: 26px;
    font-weight: normal;
    position: relative;
}

.home_query .upan span.q1 {
    width: 22%;
    text-align: right;
}

.home_query .upan span.q2 {
    width: 17%;
    text-align: center;
    padding: 0 10px;
}

.home_query .upan span.q3 {
    width: 17%;
    text-align: center;
    padding: 0 10px;
}

.home_query .upan span.q4 {
    width: 23%;
    text-align: left;
}

.home_query .upan span.q4 a {
    text-decoration: underline;
}

.home_query .upan span select {
    width: 90%;
    border-radius: 3px;
    border: 1px solid #3D516A;
    padding: 5px;
    margin: 0 5px;
    color: gray
}

.home_query .upan span.q3 select option {
    display: none;
}




.listArt {
    padding: 30px 0 0;
    background-color: #fff;
}

.listArt dl {
    float: left;
    width: 32%;
    height: 520px;
    padding: 10px 0.5% 0;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

.listArt dl.mc5 {
    margin: 0 0.5%;
}

.listArt dl dt {
    width: 100%;
    color: #999;
    margin: 5px 0 15px;
    text-align: left;
    overflow: hidden;
}

.listArt dl dt strong {
    border: 0;
    font-size: 18px;
    color: #007AE4;
    font-weight: normal;
    text-transform: capitalize
}

.listArt dl dt span {
    float: right;
    margin-top: 4px;
}

.listArt dl dt span a {
    font-size: 13px;
    color: #999
}

.listArt dl dd li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    clear: both;
    display: block;
    position: relative;
    text-indent: 0.7em;
}

.listArt dl dd li a {
    font-size: 14px;
    color: gray;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 28px;
    overflow: hidden;
    width: 72%;
}

.listArt dl dd li i {
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 15px;
    border-width: 3px;
    border-color: #999;
    border-right-width: 0;
    border-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.listArt dl dd li a:hover {
    color: #007AE4;
}

.listArt dl dd li span {
    color: #999;
    float: right;
    font-size: 12px;
}

.listArt dl dd li:nth-last-child(1) {
    border-bottom: 0;
}

.listArt .t1 {
    width: 100%;
    height: 220px;
    line-height: 100%;
    background: none;
    text-indent: 0;
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}

.listArt .t1 img {
    width: 100%;
    height: 220px;
}

.listArt .t1 a {
    display: block;
}

.listArt .t1 a:hover {
    text-decoration: none;
}

.listArt .t1 .opacity {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    margin-top: -40px;
    font-size: 14px;
    color: #fff;
}

.listArt .t1 a:hover .opacity {
    color: #007AE4;
    text-decoration: none;
}

.currentdown {
    height: 260px;
    padding: 50px 0;
    background: #0C6FD5;
    margin-bottom: 30px;
}

.currentdown .lbg {
    float: left;
    width: 220px;
    height: 220px;
    margin: 0 0 0 15%;
    border-radius: 50%;
    border: 7px solid #fff;
    background: url(../pic/logo.png) no-repeat 50% 50%;
}

.currentdown .rinfo {
    float: right;
    width: 60%;
    text-align: center;
}

.currentdown .rinfo h3 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
    margin: 15px 0;
}

.currentdown .rinfo h4 {
    font-size: 28px;
    color: #fff;
    font-weight: normal;
}

.currentdown .rinfo a {
    width: 220px;
    height: 53px;
    line-height: 53px;
    margin: 35px 0;
    color: #0C6FD5;
    display: inline-block;
    background-color: #fff;
    font-size: 24px;
}

.currentdown .rinfo a:hover {
    background-color: #208AF4;
    color: #fff;
}

.home_link {
    color: #5A5A66;
}

.home_link .linktitle {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
    color: #0C6FD5
}

.home_link .linklist {
    width: 100%;
    padding: 20px 0;
    line-height: 180%;
    overflow: hidden;
}

.home_link .linklist a {
    font-size: 13px;
    color: #5A5A66;
    padding: 0 8px 0 5px;
    margin-right: 5px;
}

.home_link .linklist a:hover {
    color: #0D78C6;
    text-decoration: none;
}

.ft {
    margin: 30px 0 0;
    padding: 15px 0;
    border-top: 5px solid #0C6FD5;
    color: #0C6FD5;
    font-size: 15px;
    clear: both;
}

.ft a {
    color: #0C6FD5;
}

.ft .ft_nav {
    margin-top: 15px;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
}

.ft .ft_nav a {
    margin: 0 5px;
}

.ft .ft_info {
    overflow: hidden;
    text-align: center;
}

.ft .ft_info p {
    padding: 7px 0;
    display: block;
    overflow: hidden;
}



.s_page {
    width: 96%;
    padding: 0 2%;
    height: 33px;
    line-height: 33px;
    margin: 30px auto;
    text-align: center;
    clear: both;
    overflow: hidden;
}

.s_page a {
    color: #666;
    background: #fff;
    border: 1px solid #dedede;
    padding: 3px 8px;
    font-size: 13px;
}

.s_page a:hover {
    color: #fff;
    background: #1A8EFF;
    border: 1px solid #dedede;
    text-decoration: none;
}

.s_page span {
    width: auto;
    margin: 0px 5px;
}

.s_page b {
    color: #fff;
    border: 1px solid #dedede;
    padding: 3px 8px;
    background: #1A8EFF;
    color: #fff;
    font-weight: normal;
}

.s_page a b {
    color: #666;
    border: none;
    background: none;
    padding: 0;
    font-weight: normal;
}

.s_page a:hover b {
    background-color: none;
    color: #fff;
}


.sideFixed {
    position: fixed;
    width: 48px;
    overflow: hidden;
    right: 50px;
    bottom: 100px;
    z-index: 999999;
}

.sideFixed a {
    display: block;
    height: 48px;
    background: #0C6FD5 url(../pic/fbg.png) no-repeat;
    /*box-shadow:0 4px 10px 3px #EDEDED;*/
}

.sideFixed a:hover {
    background: #0C6FD5 url(../pic/fbg.png) no-repeat;
}


.sideFixed a.qqqun {
    background-position: -42px -40px;
    background-color: #0CB7D5;
}

.sideFixed a.qqqun:hover {
    background-position: -42px -40px;
    background-color: #0C6FD5;
}

.sideFixed a.wxcode {
    background-position: -42px -80px;
    background-color: #37A041;
}

.sideFixed a.wxcode:hover {
    background-position: -42px -80px;
    background-color: #0C6FD5;
}

.sideFixed a.retop {
    margin-top: 15px;
    background-position: -42px -125px;
    display: none;
    background-color: #4E4E4E;
}

.sideFixed a.retop:hover {
    background-position: -42px -125px;
    background-color: #0C6FD5;
}


.show_weixin {
    width: 221px;
    height: 283px;
    margin: -200px 0 0 -221px;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    position: absolute;
    background-size: 100%;
    display: block;
    z-index: 999999
}

.art_banner {
    height: 283px;
    background: #fff url(../pic/art_banner.png) no-repeat 50% 50%;
}

.art_banner dl {
    width: 37%;
    float: right;
}

.art_banner dl dt {
    width: 100%;
    padding: 20px 0 10px;
    font-size: 15px;
    color: #fff;
    clear: both;
}

.art_banner dl dt strong {
    font-size: 44px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
    font-weight: normal;
}

.art_banner dl dt span {
    display: block;
    padding: 3px 0;
}

.art_banner dl dd {
    width: 100%;
    color: #fff;
    padding-top: 5px;
}

.art_banner dl dd span {
    display: block;
    margin-bottom: 5px;
}

.art_banner dl dd a {
    font-size: 15px;
    color: #fff;
    margin-right: 5px;
}

.art_banner dl dd .down_submit {
    width: 100%;
    clear: both;
}

.art_banner dl dd .down_submit a {
    width: 280px;
    height: 60px;
    background: url(../pic/down.png) no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
}

/*新版的顶部模板*/
.art_banner_new {}

.art_banner_new dl {}

.art_banner_new dl dt {}

.art_banner_new dl dt strong {}

.art_banner_new dl dd {}

.art_banner_new dl dd span {}

.art_banner_new dl dd a {}

.art_banner_new dl dd .down_submit {}

.art_banner_new dl dd .down_submit a {
    width: 280px;
    height: 60px;
    background: url(../pic/down.png) no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
}

.art_banner_new .d1 {
    background: url(/d/imgs/js/pic/list/ZJBDown.png) no-repeat !important;
}

.art_banner_new .down_submit ul {}

.art_banner_new .down_submit ul li {
    float: left;
    width: 49%;
}

.art_banner_new .down_submit ul li .tip-download {
    font-size: 21px;
}

.art_banner_new .down_submit ul li .version {
    margin-top: 5px;
}

.art_banner_new .down_submit ul li.down-property {
    text-align: right;
}

.art_banner_new .down_submit a {
    margin-top: 6px;
    width: 280px;
    height: 60px;
    background: url(https://www.125315.com/d/imgs/js/pic/home/ZJBDown.png) no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
}

.art_banner_new .down_submit a:hover {
    opacity: 0.9;
}

.pos {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.pos a {
    color: #333;
}

.pos a:hover {
    color: #1A8EFF;
}


.art_main {}

.main_l {
    float: left;
    width: 66%;
}

.artItemList {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 0;
    position: relative;
}

.artItemList .artItem {
    width: 94%;
    padding: 30px 3%;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    clear: both;
    position: relative;
}

.artItemList .artItem:nth-last-child(1) {
    border-bottom: 0;
}

.artItemList .artItem .itemTit {
    padding-right: 2%;
    overflow: hidden;
}

.artItemList .artItem .itemTit h4 {
    display: block;
    font-size: 20px;
    height: 38px;
    font-weight: normal;
    overflow: hidden;
}

.artItemList .artItem .itemTit h4 a {
    color: #323232;
}

.artItemList .artItem .itemTit h4 a:hover {
    color: #1A8EFF;
}

.artItemList .artItem .itemTit .pcInfo {
    color: #323232;
    ;
}

.artItemList .artItem .itemTit .pcInfo .item_intro {
    line-height: 150%;
    padding: 5px 0 10px;
}

.artItemList .artItem .itemTit .pcInfo .item_date {
    margin-left: 20px;
    color: #999;
}

.artItemList .artItem .itemTit .pcInfo .item_author {
    color: #999;
}

/*将列表展示图片*/
.artItemList .artItem .itemTit {}

.artItemList .artItem .itemTit .left {
    float: left;
    width: 218px;
    height: 144px;
}

.artItemList .artItem .itemTit .left img {
    width: 100%;
    height: 100%;
}

.artItemList .artItem .itemTit .right {
    margin-left: 242px;
}

@media screen and (max-width: 640px) {
    .artItemList .artItem .itemTit {}

    .artItemList .artItem .itemTit .left {
        display: none;
    }

    .artItemList .artItem .itemTit .right {
        margin-left: unset;
    }
}

.itemPic,
.wapInfo {
    display: none;
}


.side_r {
    float: right;
    width: 28.5%;
    margin-right: 2%;
    padding-bottom: 20px;
}

.side_r .listArt {
    margin-top: 0;
    overflow: hidden
}

.side_r .listArt dl {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    border: none;
    height: auto;
}

.side_r .listArt dl dt {
    margin-bottom: 10px;
}

.side_r .listArt dl dt strong {
    color: #323232;
    font-size: 20px
}


.artpage {
    width: 100%;
    padding: 30px 0;
    background: #fff;
    min-height: 600px;
    margin-bottom: 20px;
}

.artpage a:hover {
    color: #0C6FD7;
}

.artinfo {
    width: 100%;
    padding-bottom: 20px;
}

.artinfo dt {
    padding: 10px 0;
    overflow: hidden;
}

.artinfo dt h1 {
    font-size: 24px;
    text-align: center;
}

.artinfo dd {
    font-size: 15px;
    color: #999;
    line-height: 180%;
    text-align: center;
    overflow: hidden;
}

.artinfo dd a {
    color: #999;
}

.artcontent {
    width: 90%;
    padding: 20px 0 20px 3%;
    line-height: 180%;
    font-size: 15px;
    color: #444;
    position: relative;
    overflow: hidden
}

.artcontent img {
    max-width: 680px !important;
    height: auto;
    text-indent: 0em !important;
    margin: 5px auto;
}

.artcontent p {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.artcontent a {
    color: #1A8EFF;
}

.artcontent .tags {
    color: #999;
    margin-top: 20px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.artcontent .tags a {
    margin: 0 5px;
    color: #999;
}

.artcontent hr {
    height: 1px;
    background-color: #dddddd;
    margin-bottom: 8px;
}

.art_next {
    width: 100%;
    padding: 15px 0;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.art_next span {
    width: 47.5%;
    height: 45px;
    line-height: 45px;
    color: #999;
}

.art_next span.next {
    float: left;
    text-align: left;
}

.art_next span.pre {
    float: right;
    text-align: right;
}

.art_next a {
    color: #333;
}


.art_down {
    padding: 30px 0;
    position: relative;
    overflow:
}

.art_down .art_down_tit {
    width: 90px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #2F7BD9;
    display: block;
    position: absolute;
    margin-top: -10px;
    margin-left: 20px;
    z-index: 2;
}

.art_down .art_down_list {
    width: 85%;
    padding: 25px 0 0 15%;
    overflow: hidden;
    border: 1px solid #2F7BD9;
}

.art_down .art_down_list a {
    width: 183px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 22px;
    display: inline-block;
    text-indent: 2.8em;
    margin: 0 0 15px 25px;
    background: #ccc url(../pic/icondown_bg.png) no-repeat 15px 12px;
    overflow: hidden;
}

.art_down .art_down_list a.d1 {
    background-color: #89C60F;
}

.art_down .art_down_list a.d2 {
    background-color: #BB5F14;
}

.art_down .art_down_list a.d3 {
    background-color: #14BB8D;
}

.art_down .art_down_list a:hover {
    background-color: #0079E2;
}

.art_down .art_down_list a.xunlei {
    background-position: 15px -60px;
}

.art_like {
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    position: relative;
}

.art_like .like_l {
    width: 47.5%;
    float: left;
}

.art_like .like_r {
    width: 47.5%;
    float: right;
}

.art_like h3 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 6px;
    color: #0A71D6;
    overflow: hidden;
    position: relative;
}

.art_like ul {
    width: 98%;
    overflow: hidden;
}

.art_like ul li {
    display: block;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
}

.art_like ul li span {
    float: right;
    font-size: 12px;
    color: #999
}

.art_like ul li a {
    color: #555;
    font-size: 14px;
}

.art_like ul li a:hover {
    color: #1A8EFF;
    text-decoration: none;
}


.about_box {
    padding: 30px 0;
    background: #fff;
}

.about_box .about_side {
    float: left;
    width: 15%;
    background: #fff;
    padding: 0 2.5% 0;
    min-height: 500px;
    border-right: 1px solid #ddd;
}

.about_box about_side ul {
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.about_box .about_side ul li {
    height: 36px;
    line-height: 36px;
    margin: 10px 0;
    overflow: hidden;
    text-align: left;
}

.about_box .about_side ul li a {
    display: block;
    font-size: 15px;
    text-indent: 3em;
    color: #666
}

.about_box .about_side ul li a.on,
.about_box .about_side ul li a:hover {
    background: #0C6FD5;
    color: #fff;
    text-decoration: none;
}

.about_box .about_con {
    float: left;
    width: 69.5%;
    padding: 0 5%;
    min-height: 500px;
}

.about_box .about_con .pos {
    color: #666;
    padding: 5px 0 10px;
}

.about_box .about_con .pos a {
    color: #666
}

.about_box .about_content {
    width: 97%;
    padding: 5% 1.5%;
    line-height: 190%;
    font-size: 15px;
    color: #666;
    overflow: hidden;
}

.about_box .about_content img {
    max-width: 99% !important;
}

.about_box .about_content p {
    text-indent: 2em;
    margin-bottom: 15px;
}

.about_box .about_content p img {
    margin-left: -2em;
}

.about_box .about_content a {
    text-decoration: underline;
}

.about_box .smap dt {
    width: 80%;
    height: 36px;
    font-size: 14px;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 10px 0 0;
    font-weight: 800;
}

.about_box .smap dd {
    width: 80%;
    line-height: 160%;
}

.about_box .smap dd a {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 1px;
    overflow: hidden;
    text-decoration: none;
}


.videolist {
    margin-top: 30px;
}

.videolist .videotit {
    margin: 10px 0;
    color: #0079E2;
    text-align: center;
    overflow: hidden;
}

.videolist .videotit h3 {
    font-size: 42px;
    font-weight: normal;
    background: #fff url('../pic/video_line.png') no-repeat 50% 55%;
}

.videolist .videotit p {
    line-height: 220%;
    font-size: 15px;
}

.videolist .videoitem {
    width: 100%;
    overflow: hidden;
    padding: 25px 0;
}

.videolist .videoitem dl {
    float: left;
    width: 22%;
    padding: 1%;
    margin-right: 1.1%;
    margin-bottom: 30px;
    position: relative;
    color: #3F506A;
    box-shadow: 0 2px 8px 2px #ececec;
    font-size: 13px;
    border: 1px solid #f1f1f1;
}

.videolist .videoitem dl.mr0 {
    margin-right: 0%
}

.videolist .videoitem dl dt {
    width: 100%;
    height: 150px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.videolist .videoitem dl dt .vimg {
    width: 100%;
    height: 100%;
}

/*.videolist .videoitem dl dt video{width: 100%;height: 100%; object-fit: fill; } */
.videolist .videoitem dl dt em {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    display: inline-block;
    background: url('../pic/play_bg.png') no-repeat;
    background-size: 56px;
    cursor: pointer;
    z-index: 999;
}

.videolist .videoitem dl dt em.startPlay {
    background-position: 0 0;
}

.videolist .videoitem dl dt:hover em.startPlay,
.videolist .videoitem dl dt em.startPlay:hover {
    background-position: 0 -112px;
}

.videolist .videoitem dl dt em.stopPlay {
    background-position: 0 -105px;
}

.videolist .videoitem dl dt em.stopPlay:hover {
    background-position: 0 -315px;
}

.videolist .videoitem dl dd {
    width: 100%;
    padding: 10px 0 0;
    overflow: hidden;
}

.videolist .videoitem dl dd div {
    clear: both;
    padding: 2px 0;
}

.videolist .videoitem dl a {
    color: #3F506A;
    font-size: 13px;
}

.videolist .videoitem dl a:hover {
    color: #0079E2;
}

.videolist .videoitem dl .vi_tit {
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.videolist .videoitem dl .vi_info {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding-bottom: 5px;
    overflow: hidden;
}

.videolist .videoitem dl .vi_info span {
    width: 47.5%;
}

.videolist .videoitem dl .vi_info .fl {
    background-position: 0 5px;
}

.videolist .videoitem dl .vi_info .fr {
    text-align: left;
    background-position: 0 -25px;
}

.videolist .videoitem dl .vi_like {
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.videolist .videoitem dl .vi_like span {
    width: 47.5%;
    background: url('../pic/like_bg.png') no-repeat;
    display: inline-block;
    text-indent: 2em;
}

.videolist .videoitem dl .vi_like .fl {
    background-position: 0 5px;
}

.videolist .videoitem dl .vi_like .fr {
    text-align: left;
    background-position: 0 -25px;
}

.videolist .loadMoreVideo {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    color: gray;
}


#videoPlayShow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
    /* IE */
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483646 !important;
    display: none;
}

#videoPlayShow .palyContent {
    width: 640px;
    height: 360px;
    border: 15px solid #fff;
    background: #000;
    position: absolute;
    top: 45%;
    left: 50%;
    margin: -195px 0 0 -335px;
}

#videoPlayShow .palyContent .palyCode {
    width: 640px;
    height: 360px;
    overflow: hidden;
    position: relative;
    clear: both;
}

#videoPlayShow .palyContent .palyCode video,
#videoPlayShow .palyContent .palyCode embed {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#videoPlayShow .closeVideo {
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -34px;
    right: -34px;
    background: #fff url('../pic/closeplay.png') no-repeat 50% 50%;
    cursor: pointer;
    z-index: 2147483647 !important;
}

.pcHide,
.wapTopFixed,
.wapHomeBanner {
    display: none !important;
}

/*客服*/
#qidian_wpa_2852162057_47 {
    display: none;
}

/*display-pc,display-phone*/
.display-pc {
    display: block;
}

.display-phone {
    display: none;
}

/*  <=667  */
@media screen and (max-width: 640px) {
    .display-pc {
        display: none !important;
    }

    .display-phone {
        display: block;
    }

    /* home */
    .topFixed,
    .home_banner,
    .currentdown,
    .home_link,
    .home_intro,
    .ft .ft_nav,

    /* article */
    .art_banner,
    .pos,
    .side_r,
    .artcontent .tags,
    .art_like,
    .art_down,
    .art_next,

    /* articlelist */
    .artnav,
    .videolist .videotit,
    .sideFixed {
        display: none;
        width: 0;
        height: 0;
    }

    .wapTopFixed {
        display: block !important;
        position: fixed;
        height: 128px;
        top: 0px;
        background: #fff;
        z-index: 2147483646 !important;
        clear: both;
        overflow: hidden;
    }

    .container {
        width: 100%;
    }

    .hd {
        min-height: 140px;
    }

    .hd .h-logo {
        width: 42%;
        margin-top: 24px;
    }

    .hd .h-logo a {
        width: 100%;
        height: 52px;
        background: #fff url(../pic0214/logo-blue.png) no-repeat 30px 4px;
        background-size: 51%;
    }

    .hd .h-search {
        width: 47%;
        margin-top: 24px;
        margin-right: 3%;
        padding-left: 0;
        border: unset;
    }

    .hd .h-search form {
        display: block;
        height: 30px;
        background-color: rgb(242, 242, 242);
        border-radius: 27px;
        padding-top: 7px;
        padding-left: 12px;
    }

    .hd .h-search .ipt {
        width: 65%;
        height: 24px;
        font-size: 12px;
        text-indent: .5em;
        background-color: inherit;
    }

    .hd .h-search .btn {
        width: 30%;
        height: 24px;
        background: url(/d/imgs/pic0214/search.png) no-repeat 22px 0px;
        background-size: 25px;
    }

    .hd .navContainer {
        width: 100%;
        overflow-x: scroll;
        background-color: #fff;
        margin-top: 90px;
    }

    .hd .navContainer::-webkit-scrollbar {
        display: none;
        width: 100%;
    }

    .hd .navContainer .h-nav {
        width: 100%;
        white-space: nowrap;
        float: none;
        margin: 0;
        margin-top: -3px;
        padding-left: 0;
        background-color: #fff;
    }

    .hd .navContainer .h-nav li {
        width: 23%;
        padding: 0 0.5%;
        float: none;
        display: inline-block;
        height: 47px;
        line-height: 38px;
        /* padding: 0 0 3px; */
        text-align: center;
        overflow: hidden;
    }

    .hd .navContainer .h-nav li a {
        font-size: 120%;
        color: #323232;
        display: inline-block;
        height: 50px;
    }

    .hd .navContainer .h-nav li:hover a,
    .hd .navContainer .h-nav li.on a {
        color: #0C6FD5
    }


    .wapHomeBanner {
        display: block !important;
        min-height: 180px;
        margin: 0 0 1rem;
        background: #fff url(../pic/wap_home_banner.png) no-repeat 50% 50%;
        background-size: 100%;
        color: #fff;
    }

    .wapHomeBanner .wapBannerInfo {
        float: right;
        width: 70%;
        padding: 5% 0;
        overflow: hidden;
        text-align: center;
    }

    .wapHomeBanner .wapBannerInfo h3 {
        font-size: 160%;
    }

    .wapHomeBanner .wapBannerInfo p {
        line-height: 160%;
    }

    .wapHomeBanner .wapBannerInfo a {
        width: 50%;
        padding: 1.5% 0;
        margin: 3% 0 1.5%;
        color: #0D78C6;
        display: inline-block;
        background-color: #fff;
        font-size: 110%;
    }

    .wapHomeBanner .wapBannerInfo a:hover {
        background-color: #0D78C6;
        color: #fff
    }

    .home_query {
        margin-top: 0;
        border: 0;
        /* border-top:1px solid #ddd; */
        /* border-bottom: 1px solid #ddd; */
    }

    .home_query .upan {
        width: 94%;
        padding: 3%;
        margin: 0;
        border: 0;
        border-radius: 0;
        font-size: 100%;
        box-shadow: 0px;
        font-size: 14px;
    }

    .home_query .upan span {
        height: 36px;
        line-height: 36px;
        display: inline-block;
        overflow: hidden;
    }

    .home_query .upan span.qtit {
        width: 50%;
    }

    .home_query .upan span.qtit i {
        width: 5px;
        height: 5px;
        margin-bottom: 5px;
    }

    .home_query .upan span.qtit strong {
        margin-left: 1px;
        font-size: 130%;
    }

    .home_query .upan span.q1 {
        width: 48%;
        text-align: right;
    }

    .home_query .upan span.q2 {
        width: 45%;
        text-align: center;
        padding: 0 1.5%;
    }

    .home_query .upan span.q3 {
        width: 45%;
        text-align: center;
        padding: 0 1.5%;
    }

    .home_query .upan span.q4 {
        width: 100%;
        /* margin-left: 5%; */
        text-align: center;
    }

    .home_query .upan span select {
        border: 1px solid #ccc;
    }

    .listArt {
        margin-top: 0;
        padding: 0;
    }

    .listArt dl {
        float: none;
        width: 92%;
        height: auto;
        padding: 15px 4% 0;
        margin-bottom: 5px;
        border: 0;
    }

    .listArt dl.mc5 {
        margin: 0;
    }

    .listArt dl dt {
        margin: 5px 0 10px;
    }

    .listArt dl dt strong {
        font-size: 130%;
    }

    .listArt dl dt span {
        float: right;
    }

    .listArt dl dd li {
        height: 30px;
        line-height: 30px;
    }

    .listArt dl dd li a {
        font-size: 14px;
    }

    .listArt .t1 {
        max-height: 168px !important;
        margin-bottom: 10px;
    }

    .listArt .t1 img {
        width: 100%;
        max-height: 168px !important;
    }

    .ft .ft_info {
        padding: 10px 0;
        text-align: center;
        font-size: 100%;
    }

    .ft .ft_info p {
        padding: 5px 0 0;
        text-align: center;
    }


    /*article*/
    .art_main-new {
        border: 0;
        margin-top: 0px !important;
    }

    .art_main {
        border: 0;
        margin-top: 26px;
    }

    .main_l {
        float: none;
        width: 100%;
        overflow: hidden;
        position: relative;
        margin: 0;
    }

    .artpage {
        padding: 0;
        min-height: 300px;
        overflow: hidden;
    }

    .artinfo {
        /* padding:0 2%; */
        border-bottom: 0;
        padding-bottom: 0;
    }

    .artinfo dt,
    .artinfo dt h1 {
        color: #000;
        line-height: 1.53rem;
        font-size: 1.24rem;
        width: 98%;
        text-align: left;
        margin: 0 auto;
        padding: unset;
        font-family: -apple-system-font, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }

    .artinfo dd {
        text-align: center;
        font-size: 12px;
    }

    .artinfo a {
        color: gray
    }

    .artcontent {
        width: 94%;
        padding: 20px 2%;
        margin: auto;
    }

    .artcontent img {
        max-width: 95% !important;
        margin: auto;
        height: auto !important;
    }

    .pcHide {
        display: block !important;
    }

    .artpage .artItemList {
        border-top: 1px solid #ddd;
        /* border-bottom: 1px solid #ddd;*/
    }


    /*article list*/
    .artItemList .artItem {
        padding: 15px 3%;
        border-bottom: 1px solid #ddd;
        min-height: 103px;
    }

    .artItemList .artItem .itemTit {
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .artItemList .artItem .itemPic {
        display: block !important;
        width: 100%;
        background-color: #fff;
        line-height: 100%;
        overflow: hidden;
    }

    .artItemList .artItem .itemTit h4 {
        font-size: 14px;
        height: auto;
        line-height: 160%;
        font-weight: normal;
    }

    .artItemList .artItem .itemTit h4 a {
        color: #3A5168;
        font-weight: 500;
        font-size: 16px;
        line-height: 29px;
    }

    .artItemList .artItem .itemTit .pcInfo {
        display: none;
        width: 0;
        height: 0;
    }

    .artItemList .wapInfo {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 26px;
        color: #999;
        font-size: 12px;
        overflow: hidden;
        clear: both;
        position: absolute;
        bottom: 19px;
    }

    .artItemList .wapInfo span {
        float: left;
        width: 32%;
        padding-left: 12px;
        font-size: 13px;
    }

    .artItemList .wapInfo span:nth-child(1) {
        text-align: left;
        padding-left: 27px;
        background: url(/d/imgs/pic0214/pinlun.png) no-repeat 0px 4px;
    }

    .artItemList .wapInfo span:nth-child(2) {
        /* text-align: center; */
    }

    .artItemList .wapInfo span:nth-child(3) {
        text-align: right;
    }

    .artItemList .wapInfo span a {
        color: #999;
        font-size: 12px;
    }

    .artItemList .s1 .itemTit {
        float: left;
        width: 65%;
    }

    .artItemList .s1 .itemPic {
        float: right;
        width: 30%;
    }

    .artItemList .s1 .itemPic img {
        width: 100%;
        height: 91px;
        border-radius: 10px;
    }

    .artItemList .s2 .itemTit {
        margin-bottom: 10px;
    }

    .artItemList .s2 .itemPic .wapPiclist {
        display: block;
        width: 100%;
        height: auto;
    }

    .artItemList .s2 .itemPic .titPic {
        display: none;
        width: 0;
        height: 0;
    }

    .artItemList .s2 .itemPic .wapPiclist a {
        float: left;
        width: 30.3%;
        height: auto;
        padding: 0 1.5%;
        display: block;
    }

    .artItemList .s2 .itemPic .wapPiclist a img {
        width: 100%;
        max-height: 68px;
    }

    .artItemList .s3 .itemPic {
        padding-top: 10px;
    }

    .artItemList .s3 .itemPic img {
        width: 100%;
        max-height: 180px;
    }

    .artItemList .down1 ul {}

    .artItemList .down1 ul li {
        float: left;
    }

    .artItemList .down1 .row-logo {
        width: 30%;
    }

    .artItemList .down1 .row-logo img {
        width: 95px;
        border-radius: 30px;
    }

    .artItemList .down1 .row-des {
        width: 69%;
    }

    .artItemList .down1 .row-des h4 {}

    .artItemList .down1 .row-des .item_intro {
        font-size: 10px;
        margin: 5px 0px;
        /* height: 45px; */
        width: 99%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .artItemList .down1 .row-des .item_date {
        font-size: 11px;
        float: left;
        margin-top: 7px;
    }

    .artItemList .down1 .row-down {
        text-align: right;
    }

    .phone-down-button {
        box-shadow: inset 0px -3px 5px 0px #29bbff;
        background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
        background-color: #2dabf9;
        border-radius: 11px;
        border: 1px solid #1273d6;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 11px;
        padding: 3px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #263666;
    }

    .phone-down-button:hover {
        background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
        background-color: #0688fa;
    }

    .phone-down-button:active {
        position: relative;
        top: 1px;
    }

    .s_page {
        width: 96%;
        padding: 0 2%;
        height: auto;
        margin: 10px auto;
    }

    .s_page a,
    .s_page b {
        padding: 2px 5px;
        font-size: 13px;
    }

    .s_page a:nth-child(1),
    .s_page a:nth-last-child(1) {
        display: none;
    }

    .videolist {
        margin-top: 0;
    }

    .videolist .videoitem {
        width: 94%;
        padding: 0 3%;
        overflow: hidden;
    }

    .videolist .videoitem dl {
        width: 100%;
        float: none;
        margin: 0;
        padding: 20px 0 12px;
        box-shadow: none;
        font-size: 13px;
        border: 0;
        clear: both;
        border-top: 1px solid #ddd;
    }

    .videolist .videoitem dl:nth-child(1) {
        border: 0;
    }

    .videolist .videoitem dl dd div {
        clear: none;
    }

    .videolist .videoitem dl .vi_tit {
        height: 20px;
    }

    .videolist .videoitem dl .vi_info {
        float: right;
        width: 49%;
        padding-bottom: 0;
        color: #999;
    }

    .videolist .videoitem dl .vi_info span {
        width: 47.5%;
    }

    .videolist .videoitem dl .vi_like {
        float: left;
        width: 49%;
        color: #999;
    }

    .videolist .videoitem dl .vi_like span {
        background-size: 16px
    }

    .videolist .videoitem dl .vi_like .fl {
        background-position: 5px 8px;
    }

    .videolist .videoitem dl .vi_like .fr {
        background-position: 5px -15px;
    }

    #videoPlayShow {
        background: rgba(0, 0, 0, 0.8);
    }

    #videoPlayShow .palyContent {
        width: 96%;
        height: 50%;
        margin: 0 0 0 -48.5%;
        border: 3px solid #fff;
        background: #000;
        position: absolute;
        top: 20%;
        left: 50%;
    }

    #videoPlayShow .palyContent .palyCode {
        width: 100%;
        height: 100%;
    }

    #videoPlayShow .closeVideo {
        width: 32px;
        height: 32px;
        top: -28px;
        right: -8px;
        background-size: 32px;
    }

    /* hide */
    .wapHide {
        display: none !important;
    }

    .wapBr {
        display: block !important;
        padding-top: 15px;
        text-align: center;
    }

    /*熊掌号关注*/
    #xzh {
        display: block !important;
        position: fixed;
        top: 0;
        height: 60px;
        z-index: 2147483646 !important;
        width: 100%;
    }

    /*客服*/
    #qidian_wpa_2852162057_46 {
        display: none !important;
    }

    #qidian_wpa_2852162057_47 {
        display: block;
    }

}


/*春节 02.04  农历：一月一日 
.home_banner{height:420px;background:#fff url(../pic/theme/banner_20190204.jpg) no-repeat 50% 50%;}
.art_banner{height:283px;background:#fff url(../pic/theme/art_banner_20190204.jpg) no-repeat 50% 50%; } 
@media screen and (max-width: 640px) {  
.wapHomeBanner{display: block!important; min-height: 180px; margin:0 0 1rem; background:#fff url(../pic/theme/wap_home_banner_20190204.jpg) no-repeat 50% 50%; background-size: 100% ; color: #fff;} 
.wapTopFixed{background:#d62d33;}
}
.hd .h-logo a{background-color:#d62d33;}
.topFixed,.currentdown{background:#d62d33;}
.videolist .videotit{color:#d62d33;}
.hd .h-nav li a{color:#fff8cf;}
.ft{border-top: 5px solid #d62d33;}
*/
.showPhone {
    display: none;
}

.showPc {
    display: block;
}

@media screen and (max-width: 640px) {
    .showPhone {
        display: block;
        margin-bottom: 1px;
        /* border-bottom: #dddddd 1px solid; */
        min-height: 172px;
    }

    .showPc {
        display: none !important;
    }

    .showPhone .fl {
        font-size: 18px;
    }

    .showPhone .title {
        padding-bottom: 28px;
        color: #333;
        width: 95%;
        padding-left: 12px;
    }

    .title a {
        color: grey;
    }

    /*通用*/
    .showPhone .row-left {
        float: left;
        width: 50%;
    }

    .showPhone .row-right {
        float: right;
        width: 50%;
    }

    /*装机吧广告教程*/
    .new-rotating {
        margin-top: 46px;
    }

    .new-rotating .new-rotating-pic {
        min-height: 10px;
        width: 100%;
    }

    .new-rotating .new-rotating-pic img {
        width: 100%;
        min-height: 237px;
        border-radius: 3px;
    }

    .new-rotating .new-rotating-pic a {
        display: block;
        margin: 0 auto;
        width: 92%;
    }

    .new-rotating .new-rotating-pic .rotating-1 {}

    .new-rotating .new-rotating-pic .rotating-2 {}

    .new-rotating .new-rotating-button {
        /* z-index: 19; */
        /* position: absolute; */
        /* bottom: 4px; */
        /* left: 45%; */
        text-align: center;
    }

    .new-rotating .new-rotating-button i {
        background-color: #fff;
        display: inline-block;
        text-align: center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 2px;
        margin: 0 3px 3px 0;
        width: 37px;
        height: 6px;
    }

    .new-rotating .new-rotating-button .a-rotating-1 {}

    .new-rotating .new-rotating-button .a-rotating-2 {
        margin-left: 0px;
        background-color: #6abbf4;
    }

    /*首页css*/
    .new-pagelist {}

    .new-pagelist .top-gif {
        width: 100%;
        height: 203px;
    }

    .new-pagelist .top-gif .body {
        width: 100%;
    }

    .new-pagelist .big-gif img {
        width: 94%;
        height: 109px;
        margin-left: 5px;
    }

    .new-pagelist .row-right img {
        width: 94%;
        height: 69px;
    }

    .new-pagelist .body-left {
        text-align: center;
        height: 95px;
    }

    .new-pagelist .body-left a {
        text-align: center;
        position: relative;
        top: -3px;
        color: grey;
    }

    .new-pagelist .pagelist-content {
        width: 97%;
    }

    .new-pagelist .pagelist-content ul {}

    .new-pagelist .pagelist-content li {
        width: 100%;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        clear: both;
        display: block;
        position: relative;
        text-indent: 0.7em;
    }

    .new-pagelist .big-descript {
        padding-left: 5px;
        font-size: 8px;
        margin-top: 8px;
    }

    .new-pagelist .pagelist-content i {
        font-size: 0;
        line-height: 0;
        position: absolute;
        left: 8px;
        top: 8px;
        border-width: 3px;
        border-color: #999;
        border-right-width: 0;
        border-style: dashed;
        border-left-style: solid;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }

    .new-pagelist .pagelist-content a {
        width: 62%;
        display: inline-block;
        margin-left: -3px;
        font-size: 12px;
        color: grey;
    }

    .new-pagelist .pagelist-content span {
        float: right;
        font-size: 12px;
    }

    /*电脑重装视频教程*/
    .new-videolist {}

    .new-videolist .left-video,
    .new-videolist .right-video {
        text-align: center;
    }

    .new-videolist .left-video img,
    .new-videolist .right-video img {
        height: 74px;
        width: 96%
    }

    /*新版的视频列表*/
    .new-vedio-list .page {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .new-vedio-list .page .video {}

    .new-vedio-list .page .video a {
        float: unset;
    }

    .new-vedio-list .page .video img {
        width: 93%;
    }

    .new-vedio-list .page p {
        text-align: left;
        font-size: 18px;
        padding-left: 11px;
    }

    .new-vedio-list .page .new-video {
        width: 93%;
    }

    .new-vedio-list .page a {
        float: right;
        position: static;
        width: 38px;
        font-size: 27px;
        line-height: 16px;
    }

    .new-notepage-list {
        margin-top: 30px;
    }

    .new-notepage-list .page {
        padding: 15px 3%;
        border-bottom: 1px solid #ddd;
        min-height: 103px;
        overflow: hidden;
        clear: both;
        position: relative;
    }

    .new-notepage-list .page .row-left {
        float: left;
        width: 65%;
    }

    .new-notepage-list .page .row-left h4 {
        font-size: 14px;
        height: auto;
        line-height: 160%;
        font-weight: normal;
    }

    .new-notepage-list .page .row-left h4 a {
        color: #3A5168;
        font-weight: 500;
        font-size: 16px;
        line-height: 29px;
    }

    .new-notepage-list .page .row-left .info {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 26px;
        color: #999;
        font-size: 12px;
        overflow: hidden;
        clear: both;
        position: absolute;
        bottom: 19px;
    }

    .new-notepage-list .page .row-left .info span {
        float: left;
        width: 32%;
        padding-left: 12px;
        font-size: 13px;
    }

    .new-notepage-list .page .row-left .info span:nth-child(1) {
        text-align: left;
        padding-left: 27px;
        background: url(/d/imgs/pic0214/pinlun.png) no-repeat 0px 4px;
    }

    .new-notepage-list .page .row-left .info span:nth-child(2) {}

    .new-notepage-list .page .row-right {
        float: right;
        width: 30%;
    }

    .new-notepage-list .page .row-right img {
        width: 100%;
        height: 91px;
        border-radius: 10px;
    }

    .new-notepage-list .page:last-child {
        border-bottom: unset;
    }

    .more-dir {
        text-align: center;
    }

    .more-dir a {
        width: 207px;
        margin: 5px 0;
        height: 38px;
        line-height: 42px;
        color: rgb(12, 111, 213);
        display: inline-block;
        background-color: rgb(247, 248, 250);
        font-size: 17px;
        border-radius: 31px;
    }

    /*手机端软件下载,手机端游戏下载*/
    .new-softlist {}

    .new-softlist ul {
        text-align: center;
    }

    .new-softlist ul li {
        float: left;
        width: 25%;
    }

    .new-softlist .soft-logo {
        height: 83px;
    }

    .new-softlist .soft-logo img {
        width: 80px;
        height: 80px;
        border-radius: 7px;
    }

    .new-softlist .soft-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 84px;
        display: inline-grid;
        overflow: hidden;
        font-weight: bold;
        height: 19px;
    }

    .new-softlist .soft-size {
        font-size: 7px;
        height: 23px;
        /* position: static; */
    }

    /*下拉惊喜*/
    .new-downlist {}

    .new-downlist .row {
        height: 91px;
    }

    .new-downlist .row .col-pic {
        float: left;
        width: 24%;
        padding-left: 12px;
    }

    .new-downlist .row .col-pic img {
        height: 70px;
        width: 70px;
    }

    .new-downlist .row .col-desc {
        float: left;
        width: 30%;
    }

    .new-downlist .row .col-desc .title {
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .new-downlist .row .col-desc .size {
        color: grey;
        font-size: 12px;
    }

    .new-downlist .row .col-desc .date {
        float: left;
        text-indent: 2em;
        background: url(./pic/bgSmallitem.png) no-repeat left 0;
    }

    .new-downlist .row .col-down {
        float: right;
        width: 17%;
    }

    .new-downlist .row .col-down.span {}

    .new-downlist .row .col-down a {}

    .new-downlist .row .col-down .down-1 {}

    .new-downlist .row .col-down .down-2 {
        position: relative;
        top: 1px;
        color: grey;
    }

    .new-downlist .more-click {
        text-align: center;
    }

    .new-downlist .more-click a {
        color: grey;
    }

    /*最新更新*/
    .new-updatelist {}

    .new-updatelist .update-content {
        padding-left: 5px;
        padding-right: 21px;
    }

    .new-updatelist ul {}

    .new-updatelist ul li {
        width: 98%;
    }

    .new-updatelist ul li i {
        font-size: 0;
        line-height: 0;
        position: relative;
        left: 8px;
        top: -4px;
        border-width: 3px;
        border-color: #999;
        border-right-width: 0;
        border-style: dashed;
        border-left-style: solid;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }

    .new-updatelist ul a {
        width: 62%;
        display: inline-block;
        margin-left: 12px;
        font-size: 12px;
        color: grey;
    }

    .new-updatelist ul span {
        float: right;
        font-size: 12px;
    }

    /*20200304*/
    .new-update-list .page {
        padding: 15px 3%;
        border-bottom: 1px solid #ddd;
        min-height: 103px;
        overflow: hidden;
        clear: both;
        position: relative;
        width: 94%;
    }

    .new-update-list .page ul {}

    .new-update-list .page ul li {
        float: left;
    }

    .new-update-list .page .row-logo {
        width: 30%;
        padding-top: 11px;
    }

    .new-update-list .page .row-logo img {
        width: 88%;
        height: 95px;
        border-radius: 30px;
    }

    .new-update-list .page .row-des {
        width: 69%;
    }

    .new-update-list .page .row-des h4 {}

    .new-update-list .page .row-des .item_intro {
        font-size: 10px;
        margin: 2px 0px;
        min-height: 72px;
        width: 99%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .new-update-list .page .row-des .item_date {
        font-size: 11px;
        float: left;
        margin-top: 7px;
    }

    .new-update-list .page .row-down {
        text-align: right;
    }

    /*感兴趣*/
    .new-happylist {
        border-bottom: unset;
        height: 110px;
    }

    .new-happylist .happy-content {
        text-align: center;
    }

    .new-happylist ul {}

    .new-happylist ul li {
        float: left;
        margin-top: 5px;
        width: 25%;
    }

    .new-happylist ul li a {
        background-color: #4a93de;
        border-radius: 6px;
        color: white;
        box-shadow: 1px 3px 3px #4a93de;
    }

    /*end 首页css*/
    /*软件页*/
    .page-soft-title {
        border-bottom: 1px #dddddd solid;
    }

    .page-soft-title .row {
        text-align: center;
    }

    .page-soft-title .row-left {
        float: left;
        width: 30%;
    }

    .page-soft-title .row-left img {
        width: 70px;
        height: 70px;
    }

    /*软件提交的图片为70X70*/
    /*2019/1220*/
    .page-new-shouqiquanwen {
        text-align: center;
        position: relative;
        top: -24px;
    }

    .page-new-shouqiquanwen a {}

    .page-new-jingpin {}

    .page-new-jingpin .row {}

    .page-new-jingpin .row ul {}

    .page-new-jingpin .row ul li {
        float: left;
        width: 22%;
        margin-left: 9px;
        text-align: center;
    }

    .page-new-jingpin .row ul li img {
        height: 70px;
        width: 70px;
    }

    .page-new-jingpin .row ul li a {
        color: grey;
    }

    /*end*/

    .page-soft-title .row-right {
        float: right;
        width: 70%;
        text-align: left;
    }

    .page-soft-title .row-right .title {
        font-family: bold;
        font-size: 17px;
        text-align: left;
    }

    .page-soft-title .row-right .row-right {
        float: left;
        width: 42%;
    }

    .page-soft-title .row-right .row-left {
        float: right;
        width: 58%;
        text-align: left;
    }

    .page-soft-title .row-right p {
        font-size: 9px;
    }

    /*软件页相关下载*/
    .page-new-line {
        height: 1px;
        background-color: #dddddd;
        position: relative;
        top: -15px;
        display: none;
    }

    .page-new-downlist {
        width: 93%;
    }

    .page-new-downlist .title {
        height: 21px;
        margin-bottom: 10px;
    }

    .page-new-downlist .row {
        height: 91px;
    }

    .page-new-downlist .row .col-pic {
        float: left;
        width: 28%;
    }

    .page-new-downlist .row .col-pic img {
        height: 70px;
        width: 70px;
    }

    .page-new-downlist .row .col-desc {
        float: left;
        width: 44%;
    }

    .page-new-downlist .row .col-desc .title {
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .page-new-downlist .row .col-desc .size {
        color: grey;
        position: relative;
        font-size: 12px;
        top: 11px;
    }

    .page-new-downlist .row .col-desc .date {
        float: left;
        text-indent: 2em;
        background: url(./pic/bgSmallitem.png) no-repeat left 0;
    }

    .page-new-downlist .row .col-down {
        float: right;
    }

    .page-new-downlist .row .col-down.span {}

    .page-new-downlist .row .col-down a {}

    .page-new-downlist .row .col-down .down-1 {}

    .page-new-downlist .row .col-down .down-2 {
        position: relative;
        top: 1px;
        color: grey;
    }

    .page-new-downlist .more-click {
        text-align: center;
    }

    .page-new-downlist .more-click a {
        color: grey;
    }

    /*视频教程*/
    .page-content-video {
        text-align: center;
    }

    .page-content-video video {
        width: 98%;
    }

    .page-content-title {
        padding-left: 12px;
        position: relative;
        top: 6px;
        border: unset;
    }

    .page-content-title .video-title {
        text-indent: 16px;
        background: url("./pic/book.png") no-repeat left;
    }

    .page-content-title .video-span-title {
        margin-left: 10px;
    }

    .page-content-title .video-span-yuanchuang {}

    .page-content-title .video-play {
        float: left;
        color: grey;
        text-indent: 14px;
        background: url('./pic/play.png') no-repeat left;
    }

    .page-content-title .video-date {
        float: left;
        margin-left: 10px;
        text-indent: 17px;
        background: url('./pic/time.png') no-repeat left;
    }

    .page-content-title .video-des {
        padding-left: 16px;
    }

    /* ft*/
    .ft {
        background-color: rgb(12, 111, 213);
        border-top: 5px solid rgb(12, 111, 213);
        color: white;
    }

    .ft a {
        color: white;
    }

    .ft .pcHide a {
        font-size: 18px;
    }

    .showPhone .last {
        border-bottom-color: #fff !important;
    }
}

/*end media*/
/*新版的下载界面*/
.xiaobian-frame {
    height: 113px;
    text-align: center;
    border: 1px #295eb3 dashed;
    padding: 24px 26px;
}

.xiaobian-frame .editor {
    position: absolute;
    right: 387px;
    top: 104px;
    z-index: 999;
}

.xiaobian-frame ul {}

.xiaobian-frame ul li {
    float: left;
    height: 102px;
    width: 20%;
}

.xiaobian-frame ul li:nth-child(1) {}

.xiaobian-frame ul li:nth-child(2) {
    width: 48%;
    color: #225cbb;
    text-align: left;
}

.xiaobian-frame ul li:nth-child(3) {
    width: 30%;
}

.xiaobian-frame ul li .left-logo {}

.xiaobian-frame ul li .title {
    font-weight: 600;
    font-size: 25px;
}

.xiaobian-frame ul li .desciption {}

.xiaobian-frame ul li .downframe {
    bottom: -59px;
    position: relative;
    float: right;
}

.xiaobian-frame ul li .downframe img:hover {
    opacity: 0.9;
}

@media screen and (max-width: 640px) {
    .xiaobian-frame {
        display: none;
    }

    #videoPlayShow {
        background: rgba(0, 0, 0, 0.8);
    }

    #videoPlayShow .palyContent {
        width: 96%;
        height: 50%;
        margin: 0 0 0 -48.5%;
        border: 3px solid #fff;
        background: #000;
        position: absolute;
        top: 20%;
        left: 50%;
    }

    #videoPlayShow .palyContent .palyCode {
        width: 100%;
        height: 100%;
    }

    #videoPlayShow .closeVideo {
        width: 34px;
        height: 34px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        top: -34px;
        right: -34px;
        background: #fff url('./pic/closeplay.png') no-repeat 50% 50%;
        cursor: pointer;
        z-index: 2147483647 !important;
    }

    #videoPlayShow .closeVideo {
        width: 32px;
        height: 32px;
        top: -28px;
        right: -8px;
        background-size: 32px;
    }
}


/*以前是20200529新增的内容模板*/
@media screen and (max-width: 640px) {

    /*新的内容顶部导航*/
    .wapTop-content {
        position: absolute;
        top: 0px;
        text-align: center;
        background-color: rgb(221, 221, 221);
        height: 44px;
        z-index: 99999;
    }

    .wapTop-content ul {}

    .wapTop-content .icon-back {
        background: url('/d/imgs/pic/zjb_icon.png') no-repeat 0px -59px;
        height: 31px;
        width: 31px;
        left: 5px;
        top: 5px;
        position: absolute;
    }

    .wapTop-content .icon-more {
        background: url(/d/imgs/pic/zjb_icon.png) no-repeat 0px -29px;
        height: 31px;
        width: 31px;
        right: 5px;
        top: 6px;
        position: absolute;
    }

    .wapTop-content ul li {
        float: left;
        width: 33%;
    }

    .wapTop-content ul li:nth-child(1) {
        text-align: left;
        width: 20%;
    }

    .wapTop-content ul li:nth-child(2) {
        width: 60%;
        padding-top: 7px;
        font-size: 18px;
    }

    .wapTop-content ul li:nth-child(3) {
        width: 20%;
    }

    .wapTop-content .nav {
        color: rgb(107, 107, 107);
        font-size: 30px;
    }

    .wapTop-content .back {
        margin-left: 43px;
        font-size: 30px;
        /* color: rgb(107,107,107); */
        background: red url('/d/imgs/pic/zjb_icon.png') no-repeat 4px -12px;
    }

    /*视频模板*/
    .content-video-wrap {}

    .content-video-wrap img {
        width: 100%;
    }

    .content-video-wrap video {}

    .content-detail {
        text-align: left !important;
        padding-left: 15px;
        height: 22px;
        margin-top: 5px;
    }

    .content-detail .icons {
        padding-left: 16px;
        background: #fff url('/d/imgs/pic/zjb_icon.png') no-repeat;
        background-size: 15px;
        height: 23px;
        overflow: visible;
    }

    /*内容标题下面的小图标*/
    .content-detail .icon-bofang {
        background-position-y: -60px;
    }

    .content-detail .icon-time {
        margin: 0 20px;
        background-position-y: -76px;
    }

    .content-detail .icon-dianzan {
        background-position-y: -46px;
    }

    /*大家都在搜*/
    .content-like {
        width: 100%;
        margin-top: 6px;
        /* margin: 3px auto 86px auto; */
    }

    .content-like p {
        font-weight: 600;
        padding-left: 10px;
        margin-bottom: 5px;
    }

    .content-like .like-row {
        text-align: center;
        margin-bottom: 6px;
    }

    .content-like .like-row .like-a {
        width: 47%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        text-align: left;
        margin: 2px 0;
    }

    .content-like a {
        width: auto;
        font-size: 12px;
        text-align: left;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 5px;
        color: #4c4b4b;
        line-height: 2.7143;
        background-color: #f5f5f5;
        padding-left: 6px;
    }

    .content-like ul {
        text-align: center;
        width: 100%;
    }

    .content-like li {
        float: left;
        width: 46%;
        text-align: center;
        height: 25px;
        padding-top: 10px;
    }

    .content-like li a {
        color: black;
        padding: 7px 62px;
        background-color: #f5f5f5;
        border-radius: 5px;
    }

    .content-like li:nth-child(1) {
        /* border-left: 1px solid black; */
        /* border-right: 1px solid rgb(197,197,197); */
        /* border-top: 1px solid black; */
    }

    .content-like li:nth-child(2) {
        /* border-top: 1px solid black; */
        /* border-right: 1px solid black; */
    }

    .content-like li:nth-child(3) {
        /* border-left: 1px solid black; */
        /* border-top: 1px solid rgb(197,197,197); */
        /* border-bottom: 1px solid black; */
    }

    .content-like li:nth-child(4) {
        /* border-top: 1px solid rgb(197,197,197); */
        /* border-left: 1px solid rgb(197,197,197); */
        /* border-bottom: 1px solid black; */
        /* border-right: 1px solid black; */
    }

    /*文章描述*/
    .content-description {
        width: 94%;
        margin: 0 auto;
    }

    .content-description .line {
        background-color: rgb(102, 102, 102);
        height: 3px;
        position: inherit;
    }

    .content-description .des {
        padding: 17px 5px;
        font-size: 13px;
        background-color: rgb(215, 215, 215);
    }

    .content-description .cuowei {
        padding-left: 1px;
        background-color: white;
    }

    .content-zhankai {
        height: 50px;
        text-align: center;
        margin-top: 10px;
    }

    .content-zhankai button {
        width: 138px;
        font-size: 18px;
        padding: 5px 30px;
        border-radius: 4px;
        border: 1px solid;
        background-color: white;
    }

    /*站内搜索*/
    .wap-new .h-search {
        position: absolute;
        top: 45px;
        z-index: 12;
        width: 100%;
        margin: unset;
        padding: unset;
        border: unset;
        display: block;
    }

    .wap-new .h-search .ipt {
        font-size: 15px;
        border-color: #dcdcdc;
        border-image: none;
        border-radius: 0;
        border-style: solid;
        color: #333;
        display: block;
        height: 26px;
        padding: 8px;
        width: 82%;
        border-bottom: 0;
        border-top: 0;
        -webkit-appearance: none;
    }

    .wap-new .h-search .btn {
        border: 1px solid #dcdcdc;
        height: 42px;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        z-index: 1;
        -webkit-appearance: none;
        border-radius: 0;
    }

    .body-content {
        padding-top: 44px;
    }

    .player {
        display: none;
    }

    #play1 {
        width: 100%;
    }
}

.side_r {
    position: sticky;
    left: 0;
    top: 0;
}


/* 2021/8/7 lj */
.flex{
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex_column{
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.flex_jcCenter{
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.flex_jcEnd{
    /* 09版 */
    -webkit-box-pack: flex-end;
    /* 12版 */
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
.flex_jcSpaceA{
    /* 09版 */
    -webkit-box-pack: space-around;
    /* 12版 */
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
.flex_jcSpaceB{
    /* 09版 */
    -webkit-box-pack: space-between;
    /* 12版 */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.flex_aiCenter{
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.flex_aiStart{
    /* 09版 */
  -webkit-box-align: flex-start;
  /* 12版 */
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.flex_aiEnd{
    /* 09版 */
  -webkit-box-align: flex-end;
  /* 12版 */
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.flex_warp{
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex1{
    flex: 1;
    -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
}
.flex_shrink{
    flex-shrink: 0;
}

@media screen and (max-width: 640px) {
    body{
        padding-top: 115px;
    }
    .wapTopFixed{
        height: 115px;
    }
    .hd{
        min-height: 115px;
    }
    .hd .h-search form {
        border: 2px solid #0c6fd5;
        background-color: #fff;
        padding: 5px;
        height: auto;
    }
    .hd .navContainer .h-nav li:hover a{
        color: #333;
    }
    .hd .navContainer .h-nav li a {
        color: #333;
    }

    .hd .navContainer .h-nav li.on a {
        color: #0c6fd6;
        font-weight: 700;
        position: relative;
    }
    .hd .h-logo{
        margin-top: 15px;
    }
    .hd .h-logo a {
        width: 100%;
        height: 62px;
        background: #fff url(https://www.125315.com/d/imgs/pic2021/image-1627548448657.png) no-repeat 15px 4px;
        background-size: 78%;
    }
    .hd .h-search .ipt{
        width: 80%;
    }
    .hd .h-search .btn {
        width: 24px;
        height: 24px;
        background: url(https://www.125315.com/d/imgs/pic2021/image-1627898717035_06.png) no-repeat;
        background-position: center;
        background-size: 18px;
    }
    .hd .navContainer{
        margin-top: 70px;
    }
    .hd .navContainer .h-nav{
        width: 94%;
        margin: 0 auto;
    }
    .hd .navContainer .h-nav li{
        width: auto;
        height: auto;
        margin: 0 5px;
    }
    .hd .navContainer .h-nav li:nth-child(1){
        margin: 0;
    }
    .hd .navContainer .h-nav li a{
        height: auto;
    }
    .hd .navContainer .h-nav li.on a:before {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #0c6fd6;
        border-radius: 20.5vw;
        z-index: 999;
    }

    .indcover {
        width: 93%;
        margin:3vw auto 1.8vw;
        min-height:auto;
        overflow: hidden;

    }
    .indcover img {
        width: 100%;
    }

    .zjwuli {
        width: 93vw;
        margin: 0 auto 0;
        margin-bottom: 3vw;
    }

    .zjwuli .title {
        width: 100%;
        color: #333;
        font-size: 4.8vw;
        height: 9.6vw;
        border-bottom: 1px solid #ccc;
        margin-bottom: 3vw;
        padding-bottom: 0;
        padding-left: 0;
    }

    .zjwuli .video {
        width: 93vw;
        display: flex;
        margin-bottom: 3vw;
    }

    .zjwuli .video .v-item {
        flex: 1;
    }

    .zjwuli .video .v-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .zjwuli .video .v-item-cen {
        margin: 0 1.6vw;
    }

    .zjwuli .horn {
        width: 93vw;
        display: flex;
    }

    .zjwuli .horn .img {
        /* width: 10.7vw; */
        margin-right: 5px;
    }

    .zjwuli .horn .img .icon {
        width: 16px;
        height: 16px;
        /* width: 4vw;
        height: 4vw;
        margin-top: 1.6vw;
        margin-left: 1.1vw; */
    }

    .zjwuli .horn .img .icon img {
        width: 100%;
        height: 100%;
    }

    .zjwuli .horn .text {
        flex: 1;
        font-size: 3.6vw;
    }

    .zjwuli .options {
        /* display: flex; */
        display: none;
        overflow-x: auto;
    }
    .zjwuli .options::-webkit-scrollbar {
        display: none;
      }

    .zjwuli .options .item {
        flex-shrink: 0;
        padding: 1.6vw 2.7vw;
        background-color: #fff;
        font-size: 2.8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 5.3vw;
        margin: 3vw 10px 0 0;

    }
    .zjwuli .options .item a {
        color: #333;

    }

    .zjwuli .options .item-act {
        border: 0;
        background-color: #0c6fd6;
    }
    .zjwuli .options .item-act a {
        color: #fff;

    }

    .pc_tutorial {
        width: 93vw;
        margin: 0 auto 3vw;
        height: auto;
        min-height: auto;
    }
    .pc_tutorial a {
        color: #333;
    }
    .pc_tutorial .toptit {
        display: flex;
        justify-content: space-around;
    }

    .pc_tutorial .toptit .title {
        color: #333;
        font-size: 4.8vw;
        padding-bottom: 0;
        padding-left: 0;
    }

    .pc_tutorial .toptit .more {
        font-size: 3.7vw;
        width: 10.7vw;
        display: flex;
        align-items: flex-end;
    }
    .pc_tutorial .toptit .more a {

        color: #a8a8a8;
    }

    .pc_tutorial .navContainer {
        margin-top: 1vw;
        margin-bottom: 3vw;
        font-size: 4vw;
    }
    .pc_tutorial .navContainer .h-nav {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pc_tutorial .navContainer .h-nav .on span {
        color: #0c6fd6;
        position: relative;
        font-weight: 600;
    }
    .pc_tutorial .navContainer .h-nav .on span:before {
        content: " ";
        display: block;
        position: absolute;
        bottom: -2.6vw;
        left: 0;
        width: 100%;
        height: 1vw;
        background-color: #0c6fd6;
        border-radius: 20.5vw;
        z-index: 999;
    }
    .pc_tutorial .navContainer .h-nav li:hover {
        color: #333;
    }
    .pc_tutorial .navContainer .h-nav li a {
        font-size: 4.5vw;
    }
    .pc_tutorial .tutorial_item {
        border-bottom: 1px solid #e4e4e4;
        display: flex;
        max-width: calc(1 - 13.3vw);
        margin-bottom: 3vw;
        padding-bottom: 2.1vw;
    }
    .pc_tutorial .tutorial_list {
        display: none;
    }
    .pc_tutorial .tutorial_act {
        display: block;
    }
    .pc_tutorial .tutorial_list a {
        display: none;
    }
    .pc_tutorial .tutorial_item .text {
        flex: 1;
        color: #333;
        width: 100%;
        font-size: 3.7vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pc_tutorial .tutorial_item .img {
        width: 13.3vw;
        height: 7vw;
        display: flex;
        justify-content: flex-end;
    }

    .pc_tutorial .tutorial_item .img img {
        height: 4vw;
        width: 4vw;
    }

    .pc_tutorial .software {
        display: flex;
        justify-content: space-between;
    }

    .pc_tutorial .software .soft-item {
        width: 45vw;
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }

    .pc_tutorial .software .soft-item img {
        width: 45vw;
    }

    .pc_tutorial .software .soft-item span {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        font-size: 3.7vw;
    }


    .mobile_software {
        width: 93vw;
        margin: 0 auto;
        min-height: auto;
        height: auto;
    }
    .mobile_software a {
        color: #333;
    }

    .mobile_software .toptit {
        display: flex;
        justify-content: space-around;
        margin-bottom: 3vw;
    }

    .mobile_software .toptit .title {
        color: #333;
        font-size: 4.8vw;
        padding-bottom: 0;
        padding-left: 0;
    }

    .mobile_software .toptit .more {
        font-size: 3.7vw;
        width: 10.7vw;
        display: flex;
        align-items: flex-end;
    }
    .mobile_software .toptit .more a {
        color: #a8a8a8;

    }

    .mobile_software .cover_type {
        width: 93vw;
        display: flex;
        margin-bottom: 3vw;
    }

    .mobile_software .cover_type .left {
        flex: 1;
        margin-right: 1.3vw;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;


    }
    .mobile_software .cover_type .left .top {
        flex: 1;
    }
    .mobile_software .cover_type .left .bott {
        flex: 1;
    }
    .mobile_software .cover_type .left .top img,
    .mobile_software .cover_type .left .bott img {
        width: 100%;
    }


    .mobile_software .cover_type .right {
        flex: 1;
        margin-left: 1.3vw;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
    }

    .mobile_software .cover_type .right img {
        width: 100%;
    }

    .mobile_software .cover_type .text {
        height: 10.9vw;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        font-size: 3.7vw;
        color: #333;
    }

    .mobile_software .down-list {
        display: flex;
        height: 37.3vw;
        width: 93vw;
        overflow-x: scroll;
        margin-top: -5.6vw;
    }
    .mobile_software .down-list::-webkit-scrollbar {
        display: none;
      }
    .mobile_software .down-list .down-item {
        height: 100%;
        width: 21vw;
        margin-right: 3vw;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .mobile_software .down-list .down-item:last-child {
        margin-right: 0;
    }

    .mobile_software .down-list .down-item .img {
        width: 21vw;
        height: 21vw;
        /* border: 1px solid #000; */
        box-sizing: border-box;
    }

    .mobile_software .down-list .down-item .img img {
        width: 100%;
        height: 100%;
    }

    .mobile_software .down-list .down-item .tit {
        font-size: 4vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
    }

    .mobile_software .down-list .down-item .downbtn {
        font-size: 3.2vw;
        padding: 2px 2.7vw;
        border: 1px solid #a8a8a8;
        color: #a8a8a8;
        border-radius: 1.1vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile_software .down-list .down-item .actbtn {
        border: 0;
        color: #fff;
        background-color: #0c6fd6;
        border: 1px solid #0c6fd6;
    }
    .mobile_software .tutorial_list {
        margin-top: 3vw;
    }
    .mobile_software .tutorial_list a {
        display: none;
    }
    .mobile_software .tutorial_item {
        display: flex;
        align-items: center;
        max-width: calc(1 - 13.3vw);
        margin-bottom: 3vw;
    }

    .mobile_software .tutorial_item .text {
        flex: 1;
        color: #333;
        width: 100%;
        font-size: 3.7vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .mobile_software .tutorial_item .img {
        width: 13.3vw;
        /* height: 10.7vw; */
        display: flex;
        justify-content: flex-end;
    }

    .mobile_software .tutorial_item .img img {
        height: 4vw;
        width: 4vw;
    }

    .recent_up {
        width: 93vw;
        margin: 0 auto;
        min-height: auto;
        height: auto;
    }
    .recent_up  a {
        color: #333;
    }
    .recent_up .toptit {
        display: flex;
        justify-content: space-around;
        border-bottom: 1px solid #ccc;
        padding-bottom: 2vw;
        margin-bottom: 1vw;
    }

    .recent_up .toptit .title {
        color: #333;
        font-size: 4.8vw;
        padding-bottom: 0;
        padding-left: 0;
        width: 100%;
    }

    .recent_up .toptit .more {
        font-size: 3.7vw;
        width: 10.7vw;
        display: flex;
        align-items: flex-end;
        color: #a8a8a8;
    }

    /* .recent_up .tutorial_list {
        margin-top: 2vw;
    } */

    .recent_up .tutorial_item {
        display: flex;
        max-width: calc(1 - 13.3vw);
        margin-top: 3vw;
    }

    .recent_up .tutorial_item .text {
        flex: 1;
        color: #333;
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 3.7vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .recent_up .tutorial_item .time {
        /* height: 10.7vw; */
        font-size: 3.7vw;
        display: flex;
        align-items: center;
        margin-left: 4.3vw;
    }
    .recent_up .moreBtn {
        width: 55.2vw;
        height: 13.1vw;
        background-color: #f7f8fa;
        color: #333;
        border-radius: 5.9vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 3vw auto 0;
        font-size: 4vw;
    }
    .recent_up .options {
        /* display: flex; */
        display: none;
        overflow-x: auto;
    }
    .recent_up .options::-webkit-scrollbar {
        display: none;
      }

    .recent_up .options .item {
        flex-shrink: 0;
        padding: 1.6vw 2.7vw;
        background-color: #fff;
        font-size: 2.8vw;
        color: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 5.3vw;
        margin: 3vw 10px 0 0;

    }

    .recent_up .options .item-act {
        border: 0;
        background-color: #0c6fd6;
        border: 1px solid #0c6fd6;
    }
    .recent_up .options .item-act a {
        color: #fff;

    }
    .backtop {
        width: 7.7vw;
        min-height: auto;
        position: fixed;
        right: 3.3vw;
        bottom: 10vw;
        z-index: 999;
    }
    .backtop img {
        width: 100%;
    }
    .ft {
        margin-top: 3vw;
    }

    /* 2021/8/21 */
    .mobile_software .down-list .down-item .downbtn a {
        color: #a8a8a8;
    }
    .mobile_software .down-list .down-item .actbtn a{
        color: #fff;
    }
    .mobile_software .down-list {
        overflow:visible ;
    }
    .leftSlideMore {
        margin-left: 1.1vw;
        padding: 0 1.1vw;
        border-radius: 2.7vw;
        height: 100%;
        display: flex;
        align-items: center;
        background-color: #f7f7f7;
        color: #b6b6b6;
    }
    .leftSlideMore .text {
        font-size: 3.2vw;
        width: 3.2vw;
    }
    .pc_tutorial .moreBtn {
        width: 55.2vw;
        height: 13.1vw;
        background-color: #f7f8fa;
        color: #333;
        border-radius: 5.9vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 3vw auto;
        font-size: 4vw;
    }
    .zjwuli,.recent_up {
        overflow: hidden;
    }
    .zjwuli .options,
    .recent_up .options {
        overflow: visible;
    }
    .zjwuli .options .swiper-slide,
    .recent_up .options .swiper-slide {
        width: auto;
        display: flex;
    }
    .tutorial_list {
        margin-bottom: 2vw;
    }
    .recent_up .tutorial_item {
        margin-top: 5vw;
    }
    .mobile_software .tutorial_item {
        margin-bottom: 5vw;
    }
    .mobile_software .tutorial_list {
        margin-top: 5vw;
    }
}