@charset "utf-8";



/* CSS Document */

/*页面重置样式*/

* {

    margin: 0;

    padding: 0;

    font-family: "PingFang SC";

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    outline: none;

    -webkit-text-size-adjust: none;

    /* ios横屏字体放大 */

    font-weight: 300;

}



*:not(input, textarea) {

    -webkit-user-select: none;

    -webkit-tap-highlight-color: rgba(200, 200, 200, 0);

}



html,

body {

    margin: 0 auto;

    background: #ffffff;

    font-size: 16px;

    width: 750px;

    height: 100%;

}

 

img {

    border: none;

    border: 0;

    vertical-align: top;

}



ol,

ul,

li {

    list-style: none;

}



body,

div,

h1,

h2,

h3,

h4,

h5,

h6,

span,

a,

em,

i {

    font-size: 100%;

    font-weight: normal;

}



input,

button {

    border: none;

    outline: none;

    border-radius: initial;

    margin: 0;

    padding: 0;

    background: transparent;

}



a {

    color: #333;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

    outline: none;

    background: none;

    text-decoration: none;

}


/*
a:focus {

    -webkit-tap-highlight-color: transparent !important;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    outline: none;

    background: none;

    text-decoration: none;

}*/



i,

em {

    font-style: normal;

}



select::-ms-expand {

    display: none;

}



/* 去除Chrome等浏览器文本框默认发光边框 */

input:focus,

textarea:focus {

    outline: none;

}



/* 禁止多行文本框textarea拖拽 */

textarea {

    resize: none;

}



/*全部英文字符下自动换行*/

p {

    word-break: break-all;

}



/* 禁止长按链接与图片弹出复制图片菜单 */

a,

img {

    -webkit-touch-callout: none;

	border:none;

}



/*禁止长按复制*/

/*在 iOS 上，输入框默认有内部阴影 清除输入框内阴影*/

input,

textarea {

    border: 0;

    /* 方法1 */

    -webkit-appearance: none;

    /* 方法2 */

}



/*弹性滑动*/

.naative-auto {

    overflow: auto;

    /* auto | scroll */

    -webkit-overflow-scrolling: touch;

}



/*单行省略......*/

.dwote {

    display: inline-block;

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

}



/*多行行省略......*/

.dwwo-2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.dwwo-3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



/*css修改placeholder的颜色*/

::-webkit-input-placeholder {

    color: #a3abb8;

}



:-moz-placeholder {

    color: #a3abb8;

}



::-moz-placeholder {

    color: #a3abb8;

}



:-ms-input-placeholder {

    color: #a3abb8;

}



/**/

/*浮动*/

.float-left {

    float: left;

}



.float-right {

    float: right;

}



.clear-float::after,

.clear-float::before {

    content: "\200B";

    display: block;

    height: 0;

    clear: both;

}



/*定位*/

.relative {

    position: relative;

}



.absolute {

    position: absolute;

}



.text-center {

    text-align: center;

}



.bold {

    font-weight: 700;

}



.close-bold {

    font-weight: normal !important;

}



.oranger {

    color: #dc5419 !important;

}



.font34 {

    font-size: 34px;

}



.font26 {

    font-size: 26px;

}



.header_num {

    width: 750px;

    height: 80px;

    margin: 0 auto

}



@font-face {

  font-family: 'iconfont';  /* project id 1236890 */

  src: url('//at.alicdn.com/t/font_1236890_7ba188gbf5m.eot');

  src: url('//at.alicdn.com/t/font_1236890_7ba188gbf5m.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1236890_7ba188gbf5m.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1236890_7ba188gbf5m.woff') format('woff'),

  url('//at.alicdn.com/t/font_1236890_7ba188gbf5m.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1236890_7ba188gbf5m.svg#iconfont') format('svg');

}





.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.icon {

    width: 1em;

    height: 1em;

    vertical-align: -0.15em;

    fill: currentColor;

    overflow: hidden;

}

.clear {

    width: 750px;

    height: 25px;

    margin: 0 auto

}

.info {

    overflow: hidden;

    height: auto;

    margin: 30px 30px 0px;

    border-bottom: 1px solid #BFBFBF;

    padding-bottom: 200px;

    position: relative;

}

.logo-wrap{

    text-align: center;

    margin:30px 30px 20px;

}

.logo-wrap img {

    width: 150px;

    height: 150px;

    border-radius: 10px;

}

.logo-wrap h2{

    font-size: 25px;

    color: #2A2A2A;

    font-weight: 700;

    margin: 20px 0px;

}

.logo-wrap p{

    font-size: 28px;

    color: #000;

}

.tab-wrap {

    text-align: center;

    margin-top: 100px;


}

.tab-wrap h3 {

    display: inline-block;

    border-bottom: 2px solid #000;

    font-weight: 700;

    padding: 0px 15px 10px;

    font-size: 30px;

    color: #000;

}

.tab-item {

    margin-top: 50px;

}

.tab-item .tab-item_tu img{

    width: 300px;

    height: 300px;

}

.tab-item_tu img:last-child {

    display: none;

}

 .tab-item_pc{

    display: none;

 }



.tab-item_tu {

    display: flex;

    justify-content: center;

    align-items: center;
    margin-bottom: 50px;

}



.tab-item p {

    margin: 20px 0 30px;

    height: 20px;

    font-size: 30px;

}

.more{

    position: absolute;

    bottom: 20px;

    left: 0px;

    right: 0px;

    text-align: center;

}

.download {

    margin: 0 auto;

    background-color: #000;

    border: 1px solid #000;

    color: #FFF;

    padding: 10px 160px;

    border-radius: 8px;

    font-size: 34px;

    margin-top: 20px;

}

.desc {

    margin: 0px 30px;

    overflow: hidden;

    padding: 60px 35px;

    font-size: 30px;

    border-bottom: 1px solid #BFBFBF;

}

.desc h2 {

    margin-bottom: 40px;

}



.desc_tu {

    overflow-y: hidden;

    overflow-x: scroll;

    height: 300px;

}



.list-wrap {

    margin:60px;

    font-size: 30px;

}

.list-wrap h2{

    margin-bottom: 40px;

}

.list-wrap ul {

    display: block;

    list-style: none;

    white-space: nowrap;

    -webkit-padding-start: 0;

    -moz-padding-start: 0;

    overflow-x: scroll;

}

.list-wrap ul li {

    display: inline-block;

    margin: 0 9px;

}

.list-wrap ul li:first-child {

    margin: 0 9px 0 0;

}

.list-wrap ul li img {

    width: 176px;

    height: 311px;

    border: 1px solid #949494;

}



@media screen and (min-width: 770px) { 

   .tab-item_pc {

     display: block;

     font-size: 30px;

  }

  .download{

    display: none;

  }

  .download_1 {

    border: 1px solid #000;

    width: 300px;

    padding: 7px 0px;

    border-radius: 3px;

    font-size: 13px;

  }

    .more{

        display: none;

    }

    .info {

        border-bottom: none;

        padding-bottom: 60px;

    }

    .desc{

       border-bottom: none !important;

    }

    .tab-item p{

        font-size: 20px !important;

    }

    .logo-wrap {

        display: flex;

    }

    .wrap h2,.wrap p{

        text-align: left;

        margin: -3px 20px 10px;

    }

    .wrap h2{

        padding-bottom: 15px;

    }

    .wrap p{

        font-size: 20px;

    }

    .logo-wrap img{

        width: 80px;

        height: 80px;

        border-radius: 10px;

    }
    .tab-item_tu{
        margin-bottom: 25px !important;
    }
     .desc h2,.list-wrap h2{
        font-size: 22px !important;
     }
    .tab-item .tab-item_tu img{

         width: 200px;

        height: 200px;

        margin-right: 10px;

    }

    .tab-item_tu img:last-child {

        display: block !important;

        float: left;

        margin-left: 20px;

    }

    .download_1 img {

        width: 15px;

        height: 15px;

        margin-right: 4px;

    }

    .desc p{

        font-size: 14px;

        line-height: 25px;

        color: #818181;

    }

}