.clear{ clear: both;}
.fl{ float: left;}
.nei_ju{padding-top: 30px}
@media screen and (min-width:768px){
    h1 {
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        margin: 0px 0 0 0;
        text-align: center;
    }
    .pic_bg{background: #15c6b7; padding: 0; margin: 0; height: 600px;}
    .pic_wz{ width: 1140px; margin: 93px auto 0 auto;}
    .pic_wz img { margin: 0 auto; padding: 0; width: 100%; height: auto;}
    .nei_kd{padding: 10px 3% 30px 3%; line-height: 2em; color: #666;}
    .cp_title{font-size: 2.4em; line-height: 1.5em; color: #333; text-align: center; margin-top: 10px; }

    .cp_list ul li{ float: left;width: 48%;  margin: 0px 1% 20px 1%; text-align: center; background-color: #ecf4ff;  border-radius:20px;}
    .cp_list ul li:hover{background-color: #d8e3fd; }
    .cp_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .ld_title{ font-size: 1.2em; line-height: 2.4em; text-align: center; color: #333;  font-weight: bold;}
    .ld_nei_title{ font-size: 13px; line-height: 1.8em; text-align: center; color: #666; margin-bottom: 40px;}

    .bottom_bg{ background:#d9d9d938;  padding: 10px 0 0 0; border-top: 2px solid #e3e3e340;}
    .me_d_left{ width:45%; margin: 0 1% 0 1%;}
    .me_d_left2{ width: 13%; margin: 0 1% 0 1%;}
    .me_d_left3{ width: 14%; margin: 0 1% 0 1%;}
    .me_d_left4{ width: 20%; margin: 0 1% 0 1%;}
    .bottom_logo{ margin-bottom: 20px;}
    .bottom_zj{ color: #000; font-size: 0.9em; line-height: 1.8em;}
    .bottom_zj a{ color: #000; text-decoration:none;}
    .bottom_zj a:hover{ color: #000; text-decoration:underline;}

    .bottom_zj2{ color: #000; font-size: 0.9em; line-height: 1.8em;}
    .bottom_zj2 a{ color: #000; text-decoration:none;}
    .bottom_zj2 a:hover{ color: #000; text-decoration:underline;}

    .bottom_title{ color:#000; font-size: 1.2em; padding: 8px 0 20px 0;}
    .bottom_bq{padding: 15px 0px 15px 0px;}
    .bq{ color:#737373; font-size:12px; line-height:24px; border-top: 1px solid #dddddd61; text-align: left; padding: 10px 0 5px 5px; }
    .bq a{color:#737373;}
    .bq a:hover{color:#444;}

    .head_ju{ margin-top: 0px;}
    .about_title{ font-size: 3em; line-height: 2.5em; color: #333; text-align: center;}
    .about_nei{margin: 10px 5% 50px 5%; line-height: 1.8em; color: #666; font-size: 1.05em;}

    .nei_qa li{float: left; width: 44%; margin: 10px 3% 20px 3%;}
    .nei_wen{background: #eee; border: 2px solid #eee; padding:7px 10px; font-size: 1.3em; line-height: 1.5em; color: #333;}
    .nei_da{background: #fff; border-right: 2px solid #eee; border-bottom: 2px solid #eee; border-left: 2px solid #eee;
        padding:15px 10px; font-size: 1em; line-height: 1.5em; color: #666;}

    .contact_list{ margin: 0 10%;}
    .contact_list li{float: left; width: 46%; height: 150px; margin: 0px 2% 30px 2%;}
    .contact_title{font-size: 1.4em; line-height: 1.8em; color: #333; padding-bottom: 5px;}
    .contact_nei{ font-size: 1em; line-height: 1.5em; color: #666;}

    .history_nei{margin: 0px 10% 50px 10%; line-height: 1.8em; color: #666; font-size: 1.05em;}
    .history_bk{ border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
    .history_version{ font-size: 1.5em; line-height:2em;}
    .history_time{ float: right;  font-size: 1em; line-height:4em; }
    .history_bk p{ background: #d3ecff; margin: 0 0 10px 0; padding: 5px  0 5px 20px; line-height: 36px;}


    .logo  h1{float: left;}
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 14px; line-height: 36px; letter-spacing:-1px; font-weight: bold; margin: 0 78% 0 0; display: none;}
    .logo-db{ float: left;}
    .logo-db-title{float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 28px; line-height: 55px; letter-spacing: 3px; font-weight: bold;}

    .pic-title{ font-family: '微软雅黑', '黑体';
        /* 渐变背景 */
        /*background: linear-gradient(90deg, #9f7cf5, #18b4ff);*/
        background: linear-gradient(to top right, #007eff, #ffffff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size: 54px; line-height: 54px; letter-spacing: -1px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #000;  font-size: 26px; line-height: 30px; letter-spacing:0px; font-weight: bold; padding: 20px 0;}
    .pic-samll-js{ color:#666;  font-size: 13px; line-height: 24px; letter-spacing: 0px; font-weight: normal; padding: 24px 0;}
    .anniu_list{ float: left; margin: 20px 0 15px 0;}
    . clear{clear: both}

    .anniu-left{ float: left;}
    .an-logo1{ margin: 5px 5px 0px 15px;}
    .an-logo1 img{height: 24px;}

    .an-logo2{margin: 10px 5px 10px 15px;}
    .an-logo2 img{height: 40px;}
    .an-down{ margin: 17px 0 11px 0px;}
    .an-down img{height: 27px;}
    .an-down2{ margin: 19px 0 13px 8px;}
    .an-down2 img{height: 22px;}

    /*大图介绍*/
    .ly_zy_width{ clear: both; }
    .ly_zw_40{ width: 90%; margin: 0 5% 0 5%; }
    .ly_zw_60{ width: 90%; margin:0 5% 0 5%}
    .ly_zw_60 img{ width: 100%; height: auto;}
    .ly_zw_40_2{ width: 90%; margin: 0 5% 0 5%; }
    .ly_zw_60_2{ width: 90%; margin:0 5% 0 5%}
    .ly_zw_60_2 img{ width: 100%; height: auto;}

    .zw_title{ font-size: 27px; line-height: 42px; font-weight: 400; margin: 40px 0 20px 0; text-align: center;}
    .zw_nei{ font-size: 20px; line-height: 38px; letter-spacing: 2px; font-weight: 400; text-align: center;}
    .zw_nei_en{ font-size: 20px; line-height: 36px; letter-spacing: 0px; font-weight: 400; text-align: center;}
    .purple{color: #8386fc;}
    .orange{ color: #ff814f;}
    .blue{color: #0099ff;}
    .green{color: #0bb336;}

    /* 教程列表页面*/
    .help_title { font-size: 36px;  font-weight: bold;  line-height: 80px; color: #333; text-align: center;  margin: 10px 0 10px 0;}
    /*.help{margin: 20px 0 50px 0;}*/
    .help ul li{ float: left; width: 44%; margin: 0 3% 40px 3%;  background-color: #fff; border: 2px solid #fff; border-radius: 8px;   box-sizing: border-box;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);   text-decoration: none;}
    .help ul li:hover{  border: 2px solid  #a8ceff; }
    .help-item{ background-color: #fff; border: 2px solid #fff; border-radius: 8px;  text-align: center;     }
    /*.help-item a{  color: #333333; text-decoration: none; }*/
    /*.help-item a:hover{  color: #333333; text-decoration: none;}*/
    .help_s_title{ font-size: 18px; font-weight: bold; line-height: 32px; }
    .help_s_bt{ font-size: 14px; font-weight: normal; line-height: 20px; color: #999;}
    a .help_s_title {  color: #333333; text-decoration: none; }

    .help_quan_kj{ margin: 0 3% 20px 3%; background-color: #fff; border: 2px solid #fff; border-radius: 8px;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px; text-align: center;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);  }
    .help_quan_kj:hover{  border: 2px solid  #a8ceff; }

    .model_left{ float: left; width: 10%; padding-left: 10%;}
    .model_right{float: left;
        width: 70%;
        padding: 0 0% 0 20%;}
    .help_s_pic_title{ font-size: 18px; font-weight: bold; line-height: 26px; text-align: left; }
    .help_s_pic_bt{ font-size: 14px; font-weight: normal; line-height: 14px; color: #999;   text-align: left; }
    a .help_s_pic_title {  color: #333333; text-decoration: none; }


    /* 历史记录多选项卡*/
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .his_list ul li { float: left; width: 40%; margin: 0 4% 20px 4%;  height: 45px; text-align: center; line-height: 45px;
        background: #5085f8; font-size: 18px; color: #fff; cursor: pointer;  border-radius: 25px;}


    /* 手机页面*/
    .mob_bg{padding-top: 1px; background-color: #c4e1ff; height: 820px; }
    .mob_bg_cj{padding-top: 1px;   /*background: url(../image/datu/cn/cj/cjbg.jpg) repeat; */  background-color: #c4e1ff; height:820px; }
    .mob_bj{ max-width: 1140px; margin: 0 auto; }
    .mob_wenan { width: 90%; padding: 0 5%;}
    .mob_wenan h1{font-size: 48px;  font-weight: 600; line-height: 42px;  }
    .mob_wenan p{ padding: 0;}
    .mob_title{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 2px; font-weight: 400; text-align: center;}
    .mob_title_en{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 0px; font-weight: 400; text-align: center;}
    .mob_min_pic { width: 90%; margin: 0 5%; text-align: center; }
    .mob_datu_ju {padding-top: 100px; }
    .mob_top1{  margin: 10px 0 0 0;  text-align: center;}
    .mob_bg_cj  .mob_top1{  margin: 10px 0 0 0;   text-align: center; color: #fff}
    .mob_top2{ margin: 20px 0 0 0; text-align: center; }
    .mob_top3{ margin: 20px 0 0 0; text-align: center;}

    .mob_min_pic .screenshot1 { margin: 0px 0 0 0;  width: 280px;  transform: rotate(22.5deg);}
    .mob_min_pic .screenshot2 { margin:0px 0 0 -36px;  width: 320px; transform: rotate(22.5deg); }


    /* 二维码弹窗*/
    #an_erwm { position: absolute; margin:1px 0 0 35%; z-index: 11001;}
    #an_erwm_apple{ position: absolute; margin:1px 0 0 56%; z-index: 11001;}

    .an_erwm_bg{width: 260px; height: 345px; background: #fff; display: block; border: 1px solid #ddd;}
    .an_ewm_close{float: right; line-height: 20px; font-size: 16px;  color: #999;  padding: 0;  margin: 0px 8px 0 0;}
    .an_ewm_close a{ color:#666;}
    .an_ewm_close a:hover{ color:#666;}
    .an_ewm_kg{ clear: both; padding: 0 15px; }
    .an_erwm_bg img{  width: 230px;  height: 230px; margin:0px 0 0 0; }
    .sao_line{  font-size: 14px; line-height:34px;  text-align: center; border-bottom:1px solid #eee;}
    .pc_down_an{margin: 8px 15px; width: 230px; height: 40px; background: #52b8f4; border-radius: 5px;  font-size: 16px;  line-height: 40px;  text-align: center; color: #fff;}

    #an_erwm_android{ position: fixed; margin:-200px 0 0 45%; z-index: 11001;}
    #an_erwm_ios{ position: fixed; margin:-256px 0 0 32%; z-index: 11001;}

    /* mac页面*/
    .mac_bg{padding-top: 30px; background-color:#c3e5ff; max-height: 830px; }
    .pc_min_pic { padding: 0; margin: 0 auto; text-align: center;}
    .pc_min_pic img { width: 100%}
    .pc_datu_ju {padding-top: 100px; }

    .pc_top1{float: left; width: 32%;  margin: 25px 0 0 5%; text-align: left; }
    .pc_top1 h1{font-family: '微软雅黑', '黑体', sans-serif; font-weight: bold; font-size: 20px; line-height: 50px; text-align: left;}
    /*.pc_top2{float: left;  width:35%;  margin: 25px 0 0px 0%; text-align:center;}*/
    /*.pc_top2 .mac_title{font-family: '微软雅黑', '黑体', sans-serif;   font-size: 21px; letter-spacing: 3px; line-height:60px; margin: 0; padding: 0; color: #000; }*/
    .pc_top3{float: left;  width: 25%; margin: 25px 0% 0px 5%;  }
    .pc_top4{float: left;  width: 25%; margin: 25px 0% 0px 5%;  }
    .mac_down_bg{ background-color: #7c9fbb; color: #fff; width: 240px; height:50px; font-size: 16px; line-height: 24px;  text-align: center; border-radius: 15px;}
    /*.mac_down_bg2{ background-color:  #7c9fbb; color: #fff; width: 228px; height:50px; font-size: 16px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    /*.mac_down_bg3{ background-color:  #7c9fbb; color: #fff; width: 210px; height:50px; font-size: 16px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    a:hover .mac_down_bg { background-color:#1771b9; text-decoration: none; }
    /*a:hover .mac_down_bg2 { background-color:#1771b9; text-decoration: none; }*/
    /*a:hover .mac_down_bg3 { background-color:#1771b9; text-decoration: none; }*/
    .mac_bb{ font-size: 13px; line-height: 18px;  padding:9px 15px 2px 12px;}
    /*.mac_bb2{ font-size: 16px; line-height: 22px;  padding:6px 20px 0px 15px;}*/
    .mac_time{font-size: 11px; line-height: 14px;}
    .mac_an_down {  margin: 12px 0 8px 0px;   }
    .mac_an_down img{ height: 26px;}
    .mac-logo{margin: 10px 0 8px 10px;  }
    .mac-logo img { height: 30px;  }


    /*mac 新的大图logo*/
    .mac-min_logo{margin: 0px auto 20px auto; width: 240px; height: 120px;  }
    .mac-min_logo img{  width: 100%; height: 100%;}
    .mac_min_bt{ font-family: '微软雅黑', '黑体', sans-serif; font-size: 30px; line-height: 45px; font-weight: bold; text-align: center; color: #173d55;}
    .mac_min_title{font-family: '微软雅黑', '黑体', sans-serif; font-size: 18px; line-height: 30px; font-weight:bold; text-align: center; color: #567d9d;  padding: 5px 0; }
    .mac_down_an_hight{ margin: 15px auto; height: 80px;}
    .mac_left1{float: left; width: 35%; margin: 0 0% 5px 20%;}
    .mac_left2{float: left; width: 35%; margin: 0 0% 5px 0%;}
    .mac_left3{float: left; width: 35%; margin: 0 0% 0 20%;}
    .mac_left4{float: left; width: 35%; margin: 0 0% 0 0%;}
    .mac_an_bg{ font-size: 16px; line-height: 26px;  padding:5px 12px 0px 12px;}
    .mac_an_bg2{ font-size: 16px; line-height: 26px;  padding:5px 15px 0px 17px;}

    .mac_js{ text-align: center;  color: #173d55; padding-bottom: 30px;}

    .min_bg{ background:#f8fafc; height: 650px; margin-bottom: 20px;}

    .min-tab{  height: 150px; margin: 10px 1% 0 1%;}
    .min-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #999;}
    .min-tab th,td {border: 1px solid #eeeeee; padding: 20px 12px; text-align: center; font-size: 16px; }
    .red{color: #ff4949}
    .biao-td{ font-size: 14px; color: #666;}

    .js_title{ font-size: 30px; font-weight: bold; color: #000; margin: 20px auto; padding: 30px 0 0px 0; text-align: center; }
    .js_min_title{ font-size: 14px; text-align: center; color: #999; padding: 0 0 20px 0; margin: 0; }

    .min_bg2{ background:#f8fafc; height: 960px; margin-bottom: 20px;}
    .js_list ul li{ float: left;width: 96%;  margin: 0px 2% 20px 2%; padding: 20px 30px;  background-color:#fff;  border-radius:20px; height: auto; box-shadow: 0 1px 1px rgb(205 206 255 / 35%);}
    .js_list ul li:hover{background-color: #eef3ff; }
    .js_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .js_sm_title {font-size: 20px; line-height: 30px; text-align: left; color: #333; font-weight: bold; padding: 0px 0 10px 0; }
    .js_nei_title {font-size: 13px; line-height: 20px; text-align: left; color: #999; margin-bottom: 10px; }
    .js_sm_kuai span{ background: #e6efff; padding: 12px 20px; font-size: 14px; line-height: 50px; color: #265dff; margin: 0 20px 10px 0px; border-radius: 10px; }
    .aqkk_list p{font-size: 14px; line-height: 20px;}
    .js_sm_qqfg{ margin: 30px 0 0 0;}
    .js_sm_qqfg span{ background: #f4f3ff; padding: 18px 25px; font-size: 14px; line-height: 50px; color: #333; margin: 20px 20px 10px 0px; border-radius: 10px; }

    .head_top{ padding-top:20px;}
    .head_wrap{ width: 100%;  max-width: 1334px; margin: auto;}
    .head_bg{ max-width: 1334px; height: 580px; background: url(../image/1.jpg) no-repeat; border: 1px solid #eeebfd; border-radius: 20px;}
    .head_bj{ padding: 50px 0 0 100px;}

    .bottom_list ul li{ float: left;width: 24%;  margin: 0px 0.5%  0px 0.5%; text-align: left; font-size: 14px;  line-height:36px; color: #737373;}
    .bottom_list_title{ font-size: 14px; color: #0a0a0a; line-height: 40px; font-weight: bold;}
    .bottom_list ul li a{font-size: 14px; color: #737373;}
    .bottom_list ul li a:hover{font-size: 14px; color: #444;}

    /* 多选项卡*/
    .download_title{ text-align: center; font-size: 30px; line-height: 48px; font-weight: bold; color: #1c1c1c; padding: 20px 0;}
    .download_list{ margin:0  18%;}
    .download_list ul li { float: left; width: 31.33%; margin: 0 1% 20px 1%;  height: 90px;  text-align: center;  background: #fff;
        font-size: 16px; color: #444; cursor: pointer; border-radius:10px;}
    .download_list ul  li:hover{ background: #eee; }
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .download_width{ margin:0 18%; }
    .downloadContent{margin: 0; min-height: 400px;  }

    .download-wbbg{ margin:0 22%; background: #eee; height: 48px; border-radius: 10px; }
    .download-wbbg input{ border:1px solid #eee; background: #eee; height: 48px; padding: 0 10px; width:84% ;border-radius: 10px; font-size: 15px; color: #666;}
    .download-wbbg input:focus { outline: none; /* 去掉默认蓝色外框 */border:1px solid #eee;  background: #eee;  border-radius: 10px;}
    .download-wbbg button{ float: right; border:1px solid #eee; background: #eee; height: 42px; border-radius: 10px; margin: 3px ; font-size: 15px;
        padding: 0 8px; color: #666;}
    .download-wbbg:hover button{ background: #ccc;  }
    .down-anniu{ margin: 20px auto;  width: 200px; height: 44px; line-height: 44px; text-align: center; background: #1b1b1b;  border-radius: 25px; color: #fff;}
    .down-anniu:hover{ background: #444;}

    /* 文档页面*/
    .docs_top{  padding-top: 0px;}
    .docs_left{float: left; width: 25%; }
    .docs_right{ float: left; width: 73%; padding-left: 2%; border-left: 1px solid #e8ebef;}
    .docs_left_bg{ background: #fbfbfb;  padding: 20px 5px 30px 5px;}
    .docs_list ul,.docs_list ul li{ padding: 0; margin: 0; list-style: none;}
    .docs_list ul li{ font-size: 14px; line-height: 24px; color: #737373; padding:8px 8px 8px 12px; color: #737373; }
    .docs_list ul li:hover{ background: #ecf4ff;  padding:8px 8px 8px 12px;  border-radius: 10px; color: #444;}
    .docs_list_dj li,.docs_list_dj li:hover,.docs_list_dj li:active { background:#ecf4ff; padding:8px 8px 8px 12px;  border-radius: 10px; color: #444; }
    .docs_s_tiele{ font-size: 14px; line-height: 24px; color: #444; font-weight: bold;  padding:8px 8px 8px 12px; }

    .docs_zw{ padding: 20px 20px 20px 0px;}
    .docs_zw a{ color: #737373; }
    .docs_zw a:hover{ color: #333; }
    .docs_zw h1{ font-size: 36px; line-height: 48px; color: #444; font-weight: bold; padding: 10px 0; margin: 0; text-align: left;}
    .docs_zw h2{ font-size: 22px; line-height: 36px; color: #444; font-weight: bold; padding: 10px 0; margin: 0; text-align: left;}
    .docs_zw h3{ font-size: 18px; line-height: 28px; color: #444; font-weight: bold; padding: 8px 0; margin: 0; text-align: left;}
    .docs_zw p{ padding: 10px 0; margin: 0;}
    .docs_zw img{ width: 94%; margin: 0 3% 0 3%; border: 1px solid #e8ebef; border-radius:5px;}
    .docs_zw b{ font-weight: bold;}
    .pic_small img { width: 94%; margin: 5px 3% 5px 3%; height: auto;  border-radius:5px; }

    .api-tab{  margin: 10px 1% 10px 1%;}
    .api-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #737373;}
    .api-tab th,td {border: 1px solid #eeeeee; padding: 20px 10px; text-align: center; font-size: 14px; }
    .tips_bg{ background:#f7f7f7; font-size: 13px; line-height: 26px; color: #a5a5a5; border: 1px solid #eee; border-radius: 20px; padding: 15px 20px 15px 25px; margin-bottom: 10px;}
}
@media (max-width:430px){
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size:15px; line-height: 36px; letter-spacing: -1px; font-weight: bold; margin-right: 65%; display: none; }
}

@media (max-width:767px){
    h1 {
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        margin: 0px 0 0 0;
        text-align: center;
    }

    .pic_bg{width: 100%;}
    .pic_wz{width: 100%;}
    .pic_wz img {margin: 0 auto; padding: 0; width: 100%; height: auto;}
    .nei_kd{padding: 5px 5% 20px 5%;line-height: 1.8em; color: #666;  font-size:0.9em;}
    .cp_title{font-size: 1.8em; line-height: 1.5em; color: #333; text-align: center; margin-top: 10px; }



    .cp_list ul li{ float: left;width: 96%;  margin: 0px 2% 20px 2%; text-align: center; background-color: #ecf4ff;  border-radius:20px;}
    .cp_list ul li:hover{background-color: #d8e3fd; }
    .cp_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .ld_title{ font-size: 1.2em; line-height: 2.4em; text-align: center; color: #333; font-weight: bold;}
    .ld_nei_title{ font-size: 13px; line-height: 1.8em; text-align: center; color: #666; margin-bottom: 40px;}


    .bottom_bg{background:#d9d9d938;  padding: 10px 0 0 0; border-top: 2px solid #e3e3e340;}
    .me_d_left{ width:86%; margin: 0 7%; background: #ddeefb; }
    .me_d_left2{/*width:80%; margin: 10px 5% 0 15%; background: #15c6b7;*/ display: none;}
    .me_d_left3{width:86%; margin: 0px 7%; background:#ddeefb; }
    .me_d_left4{/*width:80%; margin: 10px 5% 0 15%; background: #15c6b7;*/ display: none;}
    .bottom_logo{ margin-bottom: 10px;}
    .bottom_logo img{ width: 70%;}
    .bottom_zj{ /*color: #fff; font-size: 0.85em; line-height: 1.8em; */ display: none;}
    .bottom_zj a{ color: #000; text-decoration:none;}
    .bottom_zj a:hover{ color: #000; text-decoration:underline;}

    .bottom_zj2{ float:left; width:65%; color: #000; font-size: 0.85em; line-height: 1.8em; }
    .bottom_zj2 a{ color: #000; text-decoration:none;}
    .bottom_zj2 a:hover{ color: #000; text-decoration:underline;}
    .bottom_zj2 div{ width: 50%; float: left; text-align: left;}

    .bottom_title{ float:left; width:35%; color:#000; font-size: 1em; padding:4px 0;}
    .bottom_bq{padding: 15px 0px 15px 0px;}
    .bq{ color:#737373; font-size:12px; line-height:24px; border-top: 1px solid #dddddd61; text-align: left; padding: 10px 0 5px 10px; }
    .bq a{color:#737373;}
    .bq a:hover{color:#444;}

    .about_title{ font-size: 2em; line-height: 2em; color: #333; text-align: center; margin-top: 10px;}
    .about_nei{margin: 10px 5% 50px 5%; line-height: 1.8em; color: #666; font-size: 1em;}

    .nei_qa li{float: left; width: 94%; margin: 5px 3% 10px 3%;}
    .nei_wen{background: #eee; border: 2px solid #eee; padding:7px 10px; font-size: 1.1em; line-height: 1.5em; color: #333;}
    .nei_da{background: #fff; border-right: 2px solid #eee; border-bottom: 2px solid #eee; border-left: 2px solid #eee;
        padding:15px 10px; font-size: 0.95em; line-height: 1.5em; color: #666;}

    .contact_list{ margin: 0 10%;}
    .contact_list li{float: left; width: 94%; margin: 0px 3% 20px 3%;}
    .contact_title{font-size: 1.2em; line-height: 1.5em; color: #333; padding-bottom: 5px; }
    .contact_nei{ font-size: 0.95em; line-height: 1.5em; color: #666;}

    .history_nei{margin: 10px 5% 50px 5%; line-height: 1.8em; color: #666; font-size: 1em;}
    .history_bk{ border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
    .history_version{ font-size: 1.5em; line-height:2em;}
    .history_time{float: right;  font-size: 1em; line-height:3em; display: none; }
    .history_bk p{ background: #d3ecff; margin: 0 0 10px 0; padding: 2px  0 2px 10px; line-height: 32px;}


    .logo  h1{float: left;}
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size:14px; line-height: 36px; letter-spacing: -1px; font-weight: bold; margin-right: 72%; display: none; }
    .logo-db{ float: left;}
    .logo-db-title{float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 27px; line-height: 55px; letter-spacing: 3px; font-weight: bold;}

    .pic-title{ font-family: '微软雅黑', '黑体';
        /* 渐变背景 */
        /*background: linear-gradient(90deg, #9f7cf5, #18b4ff);*/
        background:linear-gradient(to top right, #007eff, #ffffff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size:50px; line-height:50px; letter-spacing: 0px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #000;  font-size:24px; line-height:18px; letter-spacing:0px; font-weight: bold; padding: 5px 0 15px 0;}
    .pic-samll-js{ display: none;}

    .anniu_list{ float: left; margin: 15px 5px 0 0px; }
    . clear{clear: both}

    .anniu-left{ float: left;}
    .an-logo1{ margin: 5px 0px 0px 15px;}
    .an-logo1 img{height: 24px;}

    .an-logo2{margin:10px 8px 10px 15px;}
    .an-logo2 img{height: 40px;}
    .an-down{ margin: 17px 0 11px 10px;}
    .an-down img{height: 24px;}
    .an-down2{ margin: 2px 0 2px 5px;}
    .an-down2 img{height: 15px;}

    /*介绍大图*/
    .ly_zy_width{ clear: both; }
    .ly_zw_40{ width: 80%; margin: 0 10% 0 10%; }
    .ly_zw_60{ width: 80%; margin:0 10% 0 10%}
    .ly_zw_60 img{ width: 100%; height: auto;}
    .ly_zw_40_2{ width: 80%; margin: 0 10% 0 10%; }
    .ly_zw_60_2{ width: 80%; margin:0 10% 0 10%}
    .ly_zw_60_2 img{ width: 100%; height: auto;}

    .zw_title{ font-size:20px; line-height: 30px; font-weight: 400; margin: 30px 0 20px 0; text-align: center;}
    .zw_nei{ font-size: 15px; line-height: 24px; letter-spacing: 2px; font-weight: 400; text-align: center;}
    .zw_nei_en{ font-size: 12px; line-height: 22px; letter-spacing: 0px; font-weight: 400; text-align: center;}
    .purple{color: #8386fc;}
    .orange{ color: #ff814f;}
    .blue{color: #0099ff;}
    .green{color: #0bb336;}

    /* 教程列表页面*/
    .help_title { font-size: 24px;  font-weight: bold;  line-height: 48px; color: #333; text-align: center;  margin: 10px 0 10px 0;}
    /*.help{margin: 20px 0 50px 0; }*/
    .help ul li{ float: left; width: 86%; margin: 0 7% 20px 7%;  background-color: #fff; border: 2px solid #fff; border-radius: 8px;   box-sizing: border-box;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);   text-decoration: none;}
    .help ul li:hover{  border: 2px solid  #a8ceff; }
    .help-item{ background-color: #fff; border: 2px solid #fff; border-radius: 8px;  text-align: center;     }
    /*.help-item a{  color: #333333; text-decoration: none; }*/
    /*.help-item a:hover{  color: #333333; text-decoration: none;}*/
    .help_s_title{ font-size: 18px; font-weight: bold; line-height: 32px; }
    .help_s_bt{ font-size: 14px; font-weight: normal; line-height: 20px; color: #999;}
    a .help_s_title {  color: #333333; text-decoration: none; }

    .help_quan_kj{ margin: 0 7% 20px 7%; background-color: #fff; border: 2px solid #fff; border-radius: 8px;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px; text-align: center;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);  }
    .help_quan_kj:hover{  border: 2px solid  #a8ceff; }

    .model_left{ float: left; width: 15%; padding-left: 10%;}
    .model_right{float: left;
        width: 70%;
        padding: 0 0% 0 15%;}
    .help_s_pic_title{ font-size: 18px; font-weight: bold; line-height: 26px; text-align: left; }
    .help_s_pic_bt{ font-size: 14px; font-weight: normal; line-height: 14px; color: #999;   text-align: left; }
    a .help_s_pic_title {  color: #333333; text-decoration: none; }

    /* 历史记录多选项卡*/
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .his_list ul li {
        float: left;
        width: 46%;
        margin: 0 2% 20px 2%;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #5085f8;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
        border-radius: 25px;}

    /* 手机页面*/
    .mob_bg{padding-top: 1px; background-color: #c4e1ff; height: 720px; }
    .mob_bg_cj { padding-top: 1px;   /*background: url(../image/datu/cn/cj/cjbg.jpg) repeat;  */  background-color: #c4e1ff; height: 720px;  }
    .mob_bj{ max-width: 1140px; margin: 0 auto; }
    .mob_wenan { width: 90%; padding: 0 5%;}
    .mob_wenan h1{font-size: 36px;  font-weight: 600; line-height: 36px;  }
    .mob_wenan p{ padding: 0;}
    .mob_title{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 2px; font-weight: 400; text-align: center;}
    .mob_title_en{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 0px; font-weight: 400; text-align: center;}
    .mob_min_pic { width: 90%; margin: 0 5%; text-align: center; }
    .mob_datu_ju {padding-top: 100px; }
    .mob_top1{  margin: 25px 0 0 0;  text-align: center;}
    .mob_bg_cj .mob_top1 {  margin: 10px 0 0 0;  text-align: center;  color: #fff;  }
    .mob_top2{ margin: 20px 0 0 0; text-align: center; }
    .mob_top3{ margin: 20px 0 0 0; text-align: center;}

    .mob_min_pic .screenshot1 { margin: 40px -30px 0 -80px; width: 240px; transform: rotate(22.5deg); float: left;}
    .mob_min_pic .screenshot2 { margin: -500px 0 0 130px;  width: 260px;  transform: rotate(22.5deg); float: left;}


    /* 二维码弹窗*/
    #an_erwm { position: absolute; margin:60px 0 0 15%; z-index: 11001;}
    #an_erwm_apple{ position: absolute; margin:300px 0 0 15%; z-index: 11001;}

    .an_erwm_bg{width: 260px; height: 345px; background: #fff; display: block; border: 1px solid #ddd;}
    .an_ewm_close{float: right; line-height: 20px; font-size: 16px;  color: #999;  padding: 0;  margin: 0px 8px 0 0;}
    .an_ewm_close a{ color:#666;}
    .an_ewm_close a:hover{ color:#666;}
    .an_ewm_kg{ clear: both; padding: 0 15px; }
    .an_erwm_bg img{  width: 230px;  height: 230px; margin:0px 0 0 0; }
    .sao_line{  font-size: 14px; line-height:34px;  text-align: center; border-bottom:1px solid #eee;}
    .pc_down_an{margin: 8px 15px; width: 230px; height: 40px; background: #52b8f4; border-radius: 5px;  font-size: 16px;  line-height: 40px;  text-align: center; color: #fff;}

    #an_erwm_android{ position: fixed; margin:-200px 0 0 45%; z-index: 11001;}
    #an_erwm_ios{ position: fixed; margin:-256px 0 0 32%; z-index: 11001;}

    /* mac页面*/
    .mac_bg{padding-top: 20px; background-color:#c3e5ff; max-height: 900px; }
    .pc_min_pic { padding: 0; margin: 0 auto; text-align: center;}
    .pc_min_pic img { width: 100%}
    .pc_datu_ju {padding-top: 100px; }

    .pc_top1{float: left; width: 100%;  margin: 5px 0 0 0%; text-align: left; }
    .pc_top1 h1{font-family: '微软雅黑', '黑体', sans-serif; font-weight: bold; font-size: 20px; line-height: 50px; text-align: center;}
    /*.pc_top2{float: left;  width:100%;  margin: 0px 0 10px 0%; text-align:center;}*/
    /*.pc_top2 .mac_title{font-family: '微软雅黑', '黑体', sans-serif;   font-size: 15px; letter-spacing: 3px; line-height:24px; margin: 0; padding: 0; color: #000; }*/
    .pc_top3{float: left;  width: 100%; margin:0 auto;  }
    .pc_top4{float: left;  width: 100%; margin:0 auto;;  }
    .mac_down_bg{ background-color:  #7c9fbb; color: #fff; width: 235px; height:50px; font-size: 16px; line-height: 24px;  text-align: center; border-radius: 15px;  margin: 0 auto;}
    /*.mac_down_bg2{ background-color:  #7c9fbb; color: #fff; width: 224px; height:50px; font-size: 16px; line-height: 24px;  text-align: center; border-radius: 15px;  margin: 0 auto;}*/
    /*.mac_down_bg3{ background-color:  #7c9fbb; color: #fff; width: 210px; height:50px; font-size: 16px; line-height: 24px;  text-align: center; border-radius: 15px;  margin: 0 auto;}*/
    a:hover .mac_down_bg { background-color:#1771b9; text-decoration: none; }
    /*a:hover .mac_down_bg2 { background-color:#1771b9; text-decoration: none; }*/
    /*a:hover .mac_down_bg3 { background-color:#1771b9; text-decoration: none; }*/
    .mac_bb{ font-size: 15px; line-height: 22px;  padding:7px 15px 2px 12px;}
    /*.mac_bb2{ font-size: 16px; line-height: 22px;  padding:6px 20px 0px 15px;}*/
    .mac_time{font-size: 12px; line-height: 12px;}
    .mac_an_down {  margin: 12px 0 12px 0px;   }
    .mac_an_down img{ height: 26px;}
    .mac-logo{margin: 10px 0 8px 10px;  }
    .mac-logo img { height: 32px;  }

    /*mac 新的大图logo*/
    .mac-min_logo{margin: 0px auto 15px auto; width: 200px; height: 100px; }
    .mac-min_logo img{  width: 100%; height: 100%;}
    .mac_min_bt{ font-family: '微软雅黑', '黑体', sans-serif; font-size: 22px; line-height: 36px; font-weight: bold; text-align: center; color: #173d55;}
    .mac_min_title{font-family: '微软雅黑', '黑体', sans-serif; font-size:14px; line-height: 27px; font-weight:bold; text-align: center; color: #567d9d;}
    .mac_down_an_hight{ margin: 15px auto; height: 120px;}
    .mac_left1{float: left; width: 100%; margin: 0 0% 0 0%;}
    .mac_left2{float: left; width: 100%; margin: 0 0% 0 0%;}
    .mac_left3{float: left; width: 100%; margin: 0 0% 0 0%;}
    .mac_left4{float: left; width: 100%; margin: 0 0% 0 0%;}
    .mac_an_bg{ font-size: 16px; line-height:27px;  padding:5px 12px 0px 12px;}
    .mac_an_bg2{ font-size: 16px; line-height:27px;  padding:5px 15px 0px 17px;}
    .mac_js{ text-align: center;  color: #173d55; padding-bottom: 30px; font-size: 13px;}

    .min_bg{ background: #f8fafc; height: 1150px; margin-bottom: 20px;}

    .min-tab{  height: 150px; margin: 10px 1% 0 1%;}
    .min-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #999;}
    .min-tab th,td {border: 1px solid #eeeeee; padding: 20px 6px; text-align: center; font-size: 14px; }
    .red{color: #ff4949}
    .biao-td{ font-size: 13px; color: #666;}

    .js_title{ font-size: 30px; font-weight: bold; color: #000; margin: 20px auto; padding: 30px 0 0px 0; text-align: center; }
    .js_min_title{ font-size: 14px; text-align: center; color: #999; padding: 0 0 20px 0; margin: 0; }

    .min_bg2{ background:#f8fafc; height: 950px; margin-bottom: 20px;}
    .js_list ul li{ float: left;width:96%;  margin: 0px 2% 20px 2%; padding: 10px 20px;  background-color:#fff;  border-radius:20px; height:auto; box-shadow: 0 1px 1px rgb(205 206 255 / 35%);}
    .js_list ul li:hover{background-color: #eef3ff; }
    .js_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .js_sm_title {font-size: 20px; line-height: 30px; text-align: left; color: #333; font-weight: bold; padding: 0px 0 10px 0; }
    .js_nei_title {font-size: 13px; line-height: 20px; text-align: left; color: #999; margin-bottom: 10px; }
    .js_sm_kuai span{ background: #e6efff; padding: 12px 20px; font-size: 14px; line-height: 50px; color: #265dff; margin: 0 20px 10px 0px; border-radius: 10px; }
    .aqkk_list p{font-size: 14px; line-height: 20px;}
    .js_sm_qqfg{ margin: 10px 0 5px 0;}
    .js_sm_qqfg span{ background: #f4f3ff; padding: 12px 15px; font-size: 14px; line-height: 40px; color: #333; margin: 10px 10px 5px 0px; border-radius: 10px; }

    .head_top{ padding-top: 20px;}
    .head_wrap{ width: 100%;  max-width: 1334px; margin: auto;}
    .head_bg{ max-width: 1334px; height: 580px; background: url(../image/1.jpg) no-repeat; border: 1px solid #eeebfd; border-radius: 20px;}
    .head_bj{ padding: 50px 0 0 70px;}

    .bottom_list ul li{ float: left;width: 45%;  margin: 8px 1%  0px 4%; text-align: left; font-size: 13px;  line-height:30px; color: #737373;}
    .bottom_list_title{ font-size: 14px; color: #0a0a0a; line-height: 32px; font-weight: bold;}
    .bottom_list ul li a{font-size: 14px; color: #737373;}
    .bottom_list ul li a:hover{font-size: 14px; color: #444;}

    /* 多选项卡*/
    .download_title{ text-align: center; font-size: 30px; line-height: 48px; font-weight: bold; color: #1c1c1c; padding: 20px 0;}
    .download_list{ margin:0  10%;}
    .download_list ul li { float: left; width: 31.33%; margin: 0 1% 20px 1%;  height: 90px;  text-align: center;  background: #fff;
        font-size: 16px; color: #444; cursor: pointer; border-radius:10px;}
    .download_list ul  li:hover{ background: #eee; }
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .download_width{ margin:0 22%; }
    .downloadContent{margin: 0; min-height: 300px;  }

    .download-wbbg{ margin:0 5%; background: #eee; height: 48px; border-radius: 10px; }
    .download-wbbg input{ border:1px solid #eee; background: #eee; height: 48px; padding: 0 10px; width:84% ;border-radius: 10px; font-size: 15px; color: #666;}
    .download-wbbg input:focus { outline: none; /* 去掉默认蓝色外框 */border:1px solid #eee;  background: #eee;  border-radius: 10px;}
    .download-wbbg button{ float: right; border:1px solid #eee; background: #eee; height: 42px; border-radius: 10px; margin: 3px ; font-size: 15px;
        padding: 0 8px; color: #666;}
    .download-wbbg:hover button{ background: #ccc;  }
    .down-anniu{ margin: 20px auto;  width: 200px; height: 44px; line-height: 44px; text-align: center; background: #1b1b1b;  border-radius: 25px; color: #fff;}
    .down-anniu:hover{ background: #444;}

    /* 文档页面*/
    .docs_top{  padding-top: 0px;}
    .docs_left{float: left; width: 25%; }
    .docs_right{ float: left; width: 73%; padding-left: 2%; border-left: 1px solid #e8ebef;}
    .docs_left_bg{ background: #fbfbfb;  padding: 20px 5px 30px 5px;}
    .docs_list ul,.docs_list ul li{ padding: 0; margin: 0; list-style: none;}
    .docs_list ul li{ font-size: 13px; line-height: 18px; color: #737373; padding:10px 5px 10px 7px; color: #737373; }
    .docs_list ul li:hover{ background: #ecf4ff; padding:10px 5px 10px 7px; border-radius: 10px; color: #444;}
    .docs_list_dj li,.docs_list_dj li:hover,.docs_list_dj li:active { background:#ecf4ff; padding:10px 5px 10px 7px;  border-radius: 10px; color: #444; }
    .docs_s_tiele{ font-size: 13px; line-height: 20px; color: #444; font-weight: bold;   padding:10px 5px 10px 7px; }

    .docs_zw{ padding: 20px 5px 20px 5px;}
    .docs_zw a{ color: #737373; }
    .docs_zw a:hover{ color: #333; }
    .docs_zw h1{ font-size: 24px; line-height: 32px; color: #444; font-weight: bold; padding: 8px 0; margin: 0; text-align: left;}
    .docs_zw h2{ font-size: 18px; line-height: 24px; color: #444; font-weight: bold; padding: 8px 0; margin: 0; text-align: left;}
    .docs_zw h3{ font-size: 15px; line-height: 20px; color: #444; font-weight: bold; padding: 6px 0; margin: 0; text-align: left;}
    .docs_zw p{ padding:6px 0; margin: 0; font-size: 14px;}
    .docs_zw img{ width: 94%; margin: 0 3% 0 3%; border: 1px solid #e8ebef; border-radius:5px;}
    .docs_zw b{ font-weight: bold;}
    .pic_small img { width: 94%; margin: 5px 3% 5px 3%; height: auto;  border-radius:5px; }

    .api-tab{  margin: 10px 0.5% 10px 0.5%;}
    .api-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #737373;}
    .api-tab th,td {border: 1px solid #eeeeee; padding: 15px 8px; text-align: left; font-size: 14px; }
    .tips_bg{ background:#f7f7f7; font-size: 13px; line-height: 26px; color: #a5a5a5; border: 1px solid #eee; border-radius: 20px; padding: 15px 20px 15px 25px; margin-bottom: 10px;}
}
@media (max-width:610px){
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size:15px; line-height: 36px; letter-spacing: -1px; font-weight: bold; margin-right: 64%; display: none;  }
}
@media (max-width:500px){
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size:15px; line-height: 36px; letter-spacing: -1px; font-weight: bold; margin-right: 65%; display: none;   }
}


@media screen and (min-width:992px) {
    h1 { font-size: 36px;    font-weight: 400;   line-height: 75px;  margin: 0px 0 0 10px;   text-align: left; }

    .pic_bg{background: #2f75d0; padding: 0; margin: 0; height: 600px;}
    .pic_wz{ width: 1140px; margin: 93px auto 0 auto;}
    .pic_wz img { margin: 0 auto; padding: 0; width: 100%; height: auto;}
    .nei_kd{padding: 10px 1% 30px 1%; line-height: 2em; color: #666;}
    .cp_title{font-size: 2.4em; line-height: 1.5em; color: #333; text-align: center; margin-top: 10px; }

    .cp_list ul li{ float: left;width: 24%;  margin: 0px 0.5% 20px 0.5%; text-align: center; background-color:#eff3f9;  border-radius:20px;}
    .cp_list ul li:hover{background-color: #e8eefd; }
    .cp_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .ld_title{ font-size: 17px; line-height:40px; text-align: center; color: #333; font-weight: bold;}
    .ld_nei_title{ font-size: 13px; line-height: 1.8em; text-align: center; color: #888; margin-bottom: 40px;}


    .bottom_bg{ background:#d9d9d938;  padding: 10px 0 0 0; border-top: 2px solid #e3e3e340;}
    .me_d_left{ width:45%; margin: 0 0 0 2%;}
    .me_d_left2{ width: 15%; margin: 0 1% 0 1%;}
    .me_d_left3{ width: 15%; margin: 0 1% 0 1%;}
    .me_d_left4{ width: 15%; margin: 0 1% 0 1%;}
    .bottom_logo{ margin-bottom: 20px;}
    .bottom_zj{ color: #000; font-size: 0.9em; line-height: 1.8em;}
    .bottom_zj a{ color: #000; text-decoration:none;}
    .bottom_zj a:hover{ color: #000; text-decoration:underline;}

    .bottom_zj2{ color: #000; font-size: 0.9em; line-height: 1.8em;}
    .bottom_zj2 a{ color: #000; text-decoration:none;}
    .bottom_zj2 a:hover{ color: #000; text-decoration:underline;}

    .bottom_title{ color:#000; font-size: 1.2em; padding: 8px 0 20px 0;}
    .bottom_bq{padding: 15px 0px 15px 0px;}
    .bq{ color:#737373; font-size:12px; line-height:24px; border-top: 1px solid #dddddd61; text-align: left; padding: 10px 0 5px 5px; }
    .bq a{color:#737373;}
    .bq a:hover{color:#444;}

    .head_ju{ margin-top: 93px;}
    .about_title{ font-size: 32px; line-height: 48px; padding: 20px 0 10px 0; color: #333; text-align: center;}
    .about_nei{margin: 10px 5% 50px 5%; line-height:24px; color: #666; font-size: 15px;}

    .nei_qa li{float: left; width: 44%; margin: 10px 3% 20px 3%;}
    .nei_wen{background: #eee; border: 2px solid #eee; padding:7px 10px; font-size: 1.3em; line-height: 1.5em; color: #333;}
    .nei_da{background: #fff; border-right: 2px solid #eee; border-bottom: 2px solid #eee; border-left: 2px solid #eee;
        padding:15px 10px; font-size: 1em; line-height: 1.5em; color: #666;}

    .contact_list{ margin: 0 5%;}
    .contact_list li{float: left; width: 46%; margin: 0px 2% 30px 2%;}
    .contact_title{font-size: 18px; line-height: 30px; color: #333; padding-bottom: 5px;}
    .contact_nei{ font-size:14px; line-height: 24px; color: #666;}

    .history_nei{margin: 0px 10% 50px 10%; line-height: 1.8em; color: #666; font-size: 1.05em;}
    .history_bk{ border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
    .history_version{ font-size: 1.5em; line-height:2em;}
    .history_time{ float: right;  font-size: 1em; line-height:4em; }
    .history_bk p{ background:#f9f9f9; margin: 0 0 10px 0; padding: 5px  0 5px 20px; line-height: 36px; font-family: '微软雅黑', '黑体', sans-serif;}

    .logo  h1{float: left;}
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 26px; line-height:70px; letter-spacing: 0px; font-weight:bold; margin-right: 0; display: block;}

    .logo-db{ float: left;}
    .logo-db-title{float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 28px; line-height: 55px; letter-spacing: 3px; font-weight: bold;}

    .pic-title{ font-family: '微软雅黑', '黑体';    font-size: 54px; line-height:54px; letter-spacing: 0px; font-weight: bold;
        /* 渐变背景 */
        background:linear-gradient(to top right, #007eff, #ffffff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;  }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color:#121e35;  font-size: 33px; line-height: 36px; letter-spacing: 0px; font-weight: bold; padding:15px 0;}
    .pic-samll-js{ color:#666;  font-size: 13px; line-height: 24px; letter-spacing: 0px; font-weight: normal; padding: 26px 0 15px 0;}

    .anniu_list{ float: left; margin:20px 0 15px 0; }
    . clear{clear: both}

    .anniu-left{ float: left;}
    .an-logo1{ margin: 5px 8px 0px 15px;}
    .an-logo1 img{height: 24px;}

    .an-logo2{margin: 10px 5px 10px 15px;}
    .an-logo2 img{height: 40px;}
    .an-down{ margin: 18px 0 12px 0px;}
    .an-down img{height: 27px;}
    .an-down2{ margin: 18px 0 12px 30px;}
    .an-down2 img{height: 27px;}

    /*介绍大图*/
    .ly_zy_width{ clear: both; }
    .ly_zw_40{ float: left;  width: 35%;  margin: 0; padding: 0 0 0 5%;}
    .ly_zw_60{ float: left; width: 60%; margin: 40px 0;}
    .ly_zw_40_2{ float: right; width: 38%;  margin: 0; padding: 0 0 0 2%;}
    .ly_zw_60_2{  float: right; width: 60%; margin: 40px 0;}
    .ly_zw_60 img{ width: 100%; height: auto;}
    .ly_zw_60_2 img{ width: 100%; height: auto;}

    .zw_title{ font-size: 36px; line-height: 54px; font-weight: 400; margin: 165px 0 40px 0; text-align: left;}
    .zw_nei{ font-size: 22px; line-height: 42px; letter-spacing: 2px; font-weight: 400; text-align: left;}
    .zw_nei_en {font-size: 18px;line-height: 30px;letter-spacing: 0px;font-weight: 400; text-align: left; }
    .purple{color: #8386fc;}
    .orange{ color: #ff814f;}
    .blue{color: #0099ff;}
    .green{color: #0bb336;}

    /* 教程列表页面*/
    .help_title { font-size: 36px;  font-weight: bold;  line-height: 72px; color: #333; text-align: center;  margin: 20px 0 0px 0;}
    /*.help{margin: 20px 0 50px 0;}*/
    .help ul li{ float: left; width: 44%; margin: 0 3% 40px 3%;  background-color: #fff; border: 2px solid #fff; border-radius: 8px;   box-sizing: border-box;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);   text-decoration: none;}
    .help ul li:hover{  border: 2px solid  #a8ceff; }
    .help-item{ background-color: #fff; border: 2px solid #fff; border-radius: 8px;  text-align: center;     }

    .help_s_title{ font-size: 18px; font-weight: bold; line-height: 32px; }
    .help_s_bt{ font-size: 14px; font-weight: normal; line-height: 20px; color: #999;  }
    a .help_s_title {  color: #333333; text-decoration: none; }

    .help_quan_kj{ width: 94%; margin: 0 3% 20px 3%; background-color: #fff; border: 2px solid #fff; border-radius: 8px;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px; text-align: center;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);  }
    .help_quan_kj:hover{  border: 2px solid  #a8ceff; }

    .model_left{ float: left; width: 10%; padding-left: 25%;}
    .model_right{ float: left;
        width: 50%;
        padding: 0 0% 0 12%;}
    .help_s_pic_title{ font-size: 18px; font-weight: bold; line-height: 26px; text-align: left; }
    .help_s_pic_bt{ font-size: 14px; font-weight: normal; line-height: 14px; color: #999;   text-align: left; }
    a .help_s_pic_title {  color: #333333; text-decoration: none; }

    /* 历史记录多选项卡*/
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .his_list ul li {
        float: left;
        width: 40%;
        margin: 0 4% 20px 4%;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #5085f8;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
        border-radius: 25px;}

    /* 手机页面*/
    .mob_bg{padding-top: 79px; background-color: #c4e1ff; height: 720px; }
    .mob_bg_cj{padding-top: 79px;   /* background: url(../image/datu/cn/cj/cjbg.jpg) repeat; */  background-color: #c4e1ff; height: 720px; }
    .mob_bj{ max-width: 1140px; margin: 0 auto; }
    .mob_wenan {float: left; width: 35%; padding: 150px 0 0 2%;}
    .mob_wenan h1{font-size: 48px;  font-weight: 600; line-height: 42px;text-align: left; }
    .mob_wenan p{ padding: 0;}
    .mob_title{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 2px; font-weight: 400; text-align: left;}
    .mob_title_en{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 0px; font-weight: 400; text-align: left;}

    .mob_min_pic {float: left;  width: 63%;  margin: 0;}
    .mob_datu_ju {padding-top: 100px; }
    .mob_top1{  margin: 20px 0 0 0;  text-align: left;}
    .mob_bg_cj  .mob_top1{  margin: 20px 0 0 0;  text-align: left; color: #fff}
    .mob_top2{ margin: 30px 0 0 0;  text-align: left;}
    .mob_top3{ margin: 20px 0 0 0;  text-align: left;}

    .mob_min_pic .screenshot1 { margin: 80px 0 0 0;  width: 280px;  transform: rotate(22.5deg);}
    .mob_min_pic .screenshot2 { margin:0px 0 0 -36px;  width: 320px; transform: rotate(22.5deg); }

    /* 二维码弹窗*/
    #an_erwm { position: absolute; margin:1px 0 0 35%; z-index: 11001;}
    #an_erwm_apple{ position: absolute; margin:1px 0 0 56%; z-index: 11001;}

    .an_erwm_bg{width: 260px; height: 345px; background: #fff; display: block; border: 1px solid #ddd;}
    .an_ewm_close{float: right; line-height: 20px; font-size: 16px;  color: #999;  padding: 0;  margin: 0px 8px 0 0;}
    .an_ewm_close a{ color:#666;}
    .an_ewm_close a:hover{ color:#666;}
    .an_ewm_kg{ clear: both; padding: 0 15px; }
    .an_erwm_bg img{  width: 230px;  height: 230px; margin:0px 0 0 0; }
    .sao_line{  font-size: 14px; line-height:34px;  text-align: center; border-bottom:1px solid #eee;}
    .pc_down_an{margin: 8px 15px; width: 230px; height: 40px; background: #52b8f4; border-radius: 5px;  font-size: 16px;  line-height: 40px;  text-align: center; color: #fff;}

    #an_erwm_android{ position: fixed; margin:-200px 0 0 45%; z-index: 11001;}
    #an_erwm_ios{position: fixed;   margin: 320px 0 0 11%;  z-index: 11001;}

    /* mac页面*/
    .mac_bg{padding-top: 79px; background-color:#c3e5ff; max-height: 830px; }
    .pc_min_pic { padding: 0; margin: 0 auto; text-align: center;}
    .pc_min_pic img { width: 100%}
    .pc_datu_ju {padding-top: 100px; }

    .pc_top1{float: left; width: 28%;  margin: 25px 0 0 7%; text-align: left; }
    .pc_top1 h1{font-family: '微软雅黑', '黑体', sans-serif; font-weight: bold; font-size: 26px; line-height: 60px; text-align: left;}
    /*.pc_top2{float: left;  width:35%;  margin: 25px 0 0px 0%; text-align:center;}*/
    /*.pc_top2 .mac_title{font-family: '微软雅黑', '黑体', sans-serif;   font-size: 21px; letter-spacing: 3px; line-height:60px; margin: 0; padding: 0; color: #000; }*/
    .pc_top3{float: left;  width: 23%; margin: 25px 0% 0px 10%;  }
    .pc_top4{float: left;  width: 22%; margin: 25px 0% 0px 3%;  }

    .mac_down_bg{ background-color: #7c9fbb; color: #fff; width: 250px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}
    /*.mac_down_bg2{ background-color: #7c9fbb; color: #fff; width: 250px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    /*.mac_down_bg3{ background-color: #7c9fbb; color: #fff; width: 250px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    /*.mac_down_bg4{ background-color: #7c9fbb; color: #fff; width: 250px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    a:hover .mac_down_bg { background-color:#c13b3b; text-decoration: none; }
    /*a:hover .mac_down_bg2 { background-color:#1771b9; text-decoration: none; }*/
    /*a:hover .mac_down_bg3 { background-color:#1771b9; text-decoration: none; }*/
    /*a:hover .mac_down_bg4 { background-color:#1771b9; text-decoration: none; }*/
    .mac_bb{ font-size: 16px; line-height: 24px;  padding:11px 12px 2px 12px;}
    /*.mac_bb2{ font-size: 16px; line-height: 22px;  padding:6px 20px 0px 15px;}*/
    .mac_time{font-size: 12px; line-height: 12px;}
    .mac_an_down {  margin: 16px 0 12px 0px;   }
    .mac_an_down img{ height: 27px;}
    .mac-logo{margin: 10px 0 10px 10px;  }
    .mac-logo img { height: 40px;  }

    /*mac 新的大图logo*/
    .mac-min_logo{margin: 50px auto 10px auto;
        width: 300px;
        height: 150px; }
    .mac-min_logo img{  width: 100%; height: 100%;}
    .mac_min_bt{ font-family: '微软雅黑', '黑体', sans-serif; font-size: 40px; line-height: 65px; font-weight: bold; text-align: center; color: #173d55;}
    .mac_min_title{font-family: '微软雅黑', '黑体', sans-serif; font-size: 22px; line-height: 45px; font-weight:bold; text-align: center; color: #567d9d;
        padding: 5px 0; }
    .mac_down_an_hight{ margin: 15px auto; height: 75px;}
    .mac_left1{float: left; width: 22%; margin: 0 0% 0 27%;}
    .mac_left2{float: left; width: 22%; margin: 0 0% 0 1%;}
    .mac_left3{float: left; width: 22%; margin: 0 0% 0 1%;}
    .mac_left4{float: left; width: 22%; margin: 0 0% 0 1%;}
    .mac_an_bg{ font-size: 16px; line-height: 32px;  padding:6px 12px 0px 12px;}
    .mac_an_bg2{ font-size: 16px; line-height: 32px;  padding:6px 15px 0px 17px;}
    /*.mac_an_bg3{ font-size: 16px; line-height: 32px;  padding:6px 12px 0px 12px;}*/
    /*.mac_an_bg4{ font-size: 16px; line-height: 32px;  padding:6px 12px 0px 12px;}*/
    .mac_js{ text-align: center;  color: #173d55; padding-bottom: 30px;}

    .min_bg{ background:#f8fafc; height: 380px; margin-bottom: 20px;}

    .min-tab{  height: 150px; margin: 10px 1% 0 1%;}
    .min-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #999;}
    .min-tab th,td {border: 1px solid #eeeeee; padding: 20px 12px; text-align: center; font-size: 16px; }
    .red{color: #ff4949}
    .biao-td{ font-size: 14px; color: #666;}

.js_title{ font-size: 30px; font-weight: bold; color: #000; margin: 20px auto; padding: 30px 0 0px 0; text-align: center; }
.js_min_title{ font-size: 14px; text-align: center; color: #999; padding: 0 0 20px 0; margin: 0; }


    .min_bg2{ background:#f8fafc; height: 620px; margin-bottom: 20px;}
    .js_list ul li{ float: left;width: 48%;  margin: 0px 1% 20px 1%; padding: 20px 30px;  background-color:#fff;  border-radius:20px; height: 210px; box-shadow: 0 1px 1px rgb(205 206 255 / 35%);}
    .js_list ul li:hover{background-color: #eef3ff; }
    .js_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .js_sm_title {font-size: 20px; line-height: 30px; text-align: left; color: #333; font-weight: bold; padding: 0px 0 10px 0; }
    .js_nei_title {font-size: 13px; line-height: 20px; text-align: left; color: #999; margin-bottom: 10px; }
    .js_sm_kuai span{ background: #e6efff; padding: 12px 20px; font-size: 14px; line-height: 50px; color: #265dff; margin: 0 20px 10px 0px; border-radius: 10px; }
    .aqkk_list p{font-size: 14px; line-height: 20px;}
    .js_sm_qqfg{ margin: 30px 0 0 0;}
    .js_sm_qqfg span{ background: #f4f3ff; padding: 18px 25px; font-size: 14px; line-height: 50px; color: #333; margin: 20px 20px 10px 0px; border-radius: 10px; }

    .head_top{ padding-top: 110px;}
    .head_wrap{ width: 100%;  max-width: 1334px; margin: auto;}
    .head_bg{ max-width: 1334px; height: 580px; background: url(../image/1.jpg) no-repeat; border: 1px solid #eeebfd; border-radius: 20px;}
    .head_bj{ padding: 50px 0 0 100px;}

    .bottom_list ul li{ float: left;width: 24%;  margin: 0px 0.5%  0px 0.5%; text-align: left; font-size: 14px;  line-height:36px; color: #737373;}
    .bottom_list_title{ font-size: 14px; color: #0a0a0a; line-height: 40px; font-weight: bold;}
    .bottom_list ul li a{font-size: 14px; color: #737373;}
    .bottom_list ul li a:hover{font-size: 14px; color: #444;}


    /* 多选项卡*/
    .download_title{ text-align: center; font-size: 30px; line-height: 48px; font-weight: bold; color: #1c1c1c; padding: 20px 0;}
    .download_list{ margin:0  28%;}
    .download_list ul li { float: left; width: 31.33%; margin: 0 1% 20px 1%;  height: 90px;  text-align: center;  background: #fff;
        font-size: 16px; color: #444; cursor: pointer; border-radius:10px;}
    .download_list ul  li:hover{ background: #eee; }
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .download_width{ margin:0 22%; }
    .downloadContent{margin: 0; min-height: 400px;  }

    .download-wbbg{ margin:0 30%; background: #eee; height: 48px; border-radius: 10px; }
    .download-wbbg input{ border:1px solid #eee; background: #eee; height: 48px; padding: 0 10px; width:84% ;border-radius: 10px; font-size: 15px; color: #666;}
    .download-wbbg input:focus { outline: none; /* 去掉默认蓝色外框 */border:1px solid #eee;  background: #eee;  border-radius: 10px;}
    .download-wbbg button{ float: right; border:1px solid #eee; background: #eee; height: 42px; border-radius: 10px; margin: 3px ; font-size: 15px;
        padding: 0 8px; color: #666;}
    .download-wbbg:hover button{ background: #ccc;  }
    .down-anniu{ margin: 20px auto;  width: 200px; height: 44px; line-height: 44px; text-align: center; background: #1b1b1b;  border-radius: 25px; color: #fff;}
    .down-anniu:hover{ background: #444;}

    /* 文档页面*/
    .docs_top{  padding-top: 90px;}
    .docs_left{float: left; width: 260px; }
    .docs_right{ float: left; width: auto; padding-left: 40px; margin-left: 260px; border-left: 1px solid #e8ebef;}
    .docs_left_bg{ background: #fbfbfb;  padding: 30px 10px 30px 20px; position: fixed; /* 固定定位 */}
    .docs_list ul,.docs_list ul li{ padding: 0; margin: 0; list-style: none;}
    .docs_list ul li{ font-size: 14px; line-height: 24px; color: #737373; padding:8px 15px 8px 20px;  }
    .docs_list ul li:hover{ background: #ecf4ff; padding:8px 15px 8px 20px; border-radius: 10px; color: #444;}
    .docs_list_dj li,.docs_list_dj li:hover,.docs_list_dj li:active { background:#ecf4ff; padding:8px 15px 8px 20px; border-radius: 10px; color: #444; }
    .docs_s_tiele{ font-size: 14px; line-height: 24px; color: #444; font-weight: bold;  padding:8px 15px 8px 20px; }

    .docs_zw{ padding: 20px 20px 20px 0px;}
    .docs_zw a{ color: #737373; }
    .docs_zw a:hover{ color: #333; }
    .docs_zw h1{ font-size: 36px; line-height: 48px; color: #444; font-weight: bold; padding: 10px 0; margin: 0;}
    .docs_zw h2{ font-size: 22px; line-height: 36px; color: #444; font-weight: bold; padding: 10px 0; margin: 0; text-align: left;}
    .docs_zw h3{ font-size: 18px; line-height: 28px; color: #444; font-weight: bold; padding: 8px 0; margin: 0; text-align: left;}
    .docs_zw p{ padding: 10px 0; margin: 0;}
    .docs_zw img{ width: 96%; margin: 0 3% 0 0%; border: 1px solid #e8ebef; border-radius:5px;}
    .docs_zw b{ font-weight: bold;}
    .pic_small img { width: 43%; height: auto;  margin: 5px 3%; border-radius:5px; }

    .api-tab{  margin: 10px 1% 10px 1%;}
    .api-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #737373;}
    .api-tab th,td {border: 1px solid #eeeeee; padding: 20px 10px; text-align: center; font-size: 14px; }
    .tips_bg{ background:#f7f7f7; font-size: 13px; line-height: 26px; color: #a5a5a5; border: 1px solid #eee; border-radius: 20px; padding: 15px 20px 15px 25px; margin-bottom: 10px;}
}

@media screen and (min-width:992px) and (max-width:1140px){
    h1 {
        font-size: 36px;
        font-weight: 400;
        line-height: 75px;
        margin: 0px 0 0 0;
        text-align: center;
    }

    .pic_bg{background: #2f75d0; padding: 0; margin: 0; height: 600px;}
    .pic_wz{ width: 1140px; margin: 0 auto;}
    .pic_wz img { margin: 0 auto; padding: 0; width: 1140px; height: 600px;}
    .nei_kd{padding: 10px 1% 30px 1%; line-height: 1.5em; color: #666;}
    .cp_title{font-size: 2.4em; line-height: 1.5em; color: #333; text-align: center; margin-top: 10px; }


    .cp_list ul li{ float: left;width: 24%;  margin: 0px 0.5% 20px 0.5%; text-align: center; background-color: #ecf4ff;  border-radius:20px;}
    .cp_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .ld_title{ font-size: 1.2em; line-height: 2.4em; text-align: center; color: #333;}
    .ld_nei_title{ font-size: 13px; line-height: 1.8em; text-align: center; color: #666; margin-bottom: 40px;}

    .bottom_bg{background:#d9d9d938;  padding: 10px 0 0 0; border-top: 2px solid #e3e3e340;}
    .me_d_left{ width:45%; margin: 0 0 0 2%;}
    .me_d_left2{ width: 15%; margin: 0 1% 0 1%;}
    .me_d_left3{ width: 15%; margin: 0 1% 0 1%;}
    .me_d_left4{ width: 15%; margin: 0 1% 0 1%;}
    .bottom_logo{ margin-bottom: 20px;}
    .bottom_zj{ color: #000; font-size: 0.9em; line-height: 1.8em;}
    .bottom_zj a{ color: #000; text-decoration:none;}
    .bottom_zj a:hover{ color: #000; text-decoration:underline;}

    .bottom_zj2{ color: #000; font-size: 0.9em; line-height: 1.8em;}
    .bottom_zj2 a{ color: #000; text-decoration:none;}
    .bottom_zj2 a:hover{ color: #000; text-decoration:underline;}

    .bottom_title{ color:#000; font-size: 1.2em; padding: 8px 0 20px 0;}

    .bottom_bq{padding: 15px 0px 15px 0px;}
    .bq{ color:#737373; font-size:12px; line-height:24px; border-top: 1px solid #dddddd61; text-align: left; padding: 10px 0 5px 5px; }
    .bq a{color:#737373;}
    .bq a:hover{color:#444;}

    .about_title{ font-size: 3em; line-height: 2.5em; color: #333; text-align: center;}
    .about_nei{margin: 10px 5% 50px 5%; line-height: 1.8em; color: #666; font-size: 1.05em;}



    .nei_qa li{float: left; width: 44%; margin: 10px 3% 20px 3%;}
    .nei_wen{background: #eee; border: 2px solid #eee; padding:7px 10px; font-size: 1.3em; line-height: 1.5em; color: #333;}
    .nei_da{background: #fff; border-right: 2px solid #eee; border-bottom: 2px solid #eee; border-left: 2px solid #eee;
        padding:15px 10px; font-size: 1.05em; line-height: 1.5em; color: #666;}

    .contact_list{ margin: 0 10%;}
    .contact_list li{float: left; width: 46%; margin: 0px 2% 30px 2%;}
    .contact_title{font-size: 1.4em; line-height: 1.8em; color: #333; padding-bottom: 5px;}
    .contact_nei{ font-size: 1em; line-height: 1.5em; color: #666;}

    .history_nei{margin: 10px 10% 50px 10%; line-height: 1.8em; color: #666; font-size: 1.05em;}
    .history_bk{ border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
    .history_version{ font-size:1.5em; line-height:2em;}
    .history_time{ float: right;  font-size: 1em; line-height:4em;  display: none;}
    .history_bk p{ background: #d3ecff; margin: 0 0 10px 0; padding: 5px  0 5px 20px; line-height: 36px;}


    .logo  h1{float: left;}
    .logo .logo-title{ float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 22px; line-height: 70px; letter-spacing:0px; font-weight: bold;}

    .logo-db{ float: left;}
    .logo-db-title{float: left; font-family: '微软雅黑', '黑体'; color: #000;  font-size: 28px; line-height: 55px; letter-spacing: 3px; font-weight: bold;}

    .pic-title{ font-family: '微软雅黑', '黑体';
        /* 渐变背景 */
        background: linear-gradient(to top right, #007eff, #ffffff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size:60px; line-height: 60px; letter-spacing: 0px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #000;  font-size: 36px; line-height: 40px; letter-spacing: 0px; font-weight: bold; padding: 24px 0;}

    .anniu_list{ float: left; margin-right: 8px }
    . clear{clear: both}

    .anniu-left{ float: left;}
    .an-logo1{ margin: 5px 5px 0px 15px;}
    .an-logo1 img{height: 24px;}

    .an-logo2{margin: 10px 5px 10px 20px;}
    .an-logo2 img{height: 40px;}
    .an-down{ margin: 18px 0 12px 0px;}
    .an-down img{height: 27px;}
    .an-down2{ margin: 18px 0 12px 30px;}
    .an-down2 img{height: 27px;}

    /*介绍大图*/
    .ly_zy_width{ clear: both; }
    .ly_zw_40{ float: left;  width: 35%;  margin: 0; padding: 0 0 0 5%;}
    .ly_zw_60{ float: left; width: 60%; margin: 30px 0;}
    .ly_zw_40_2{ float: right; width: 38%;  margin: 0; padding: 0 0 0 2%;}
    .ly_zw_60_2{  float: right; width: 60%; margin: 30px 0;}
    .ly_zw_60 img{ width: 100%; height: auto;}
    .ly_zw_60_2 img{ width: 100%; height: auto;}

    .zw_title{ font-size: 34px; line-height: 48px; font-weight: 400; margin: 100px 0 30px 0; text-align: left;}
    .zw_nei{ font-size: 20px; line-height: 38px; letter-spacing: 2px; font-weight: 400; text-align: left;}
    .purple{color: #8386fc;}
    .orange{ color: #ff814f;}
    .blue{color: #0099ff;}
    .green{color: #0bb336;}

    /* 教程列表页面*/
    .help_title { font-size: 36px;  font-weight: bold;  line-height: 72px; color: #333; text-align: center;  margin: 20px 0 0px 0;}
    /*.help{margin: 20px 0 50px 0;}*/
    .help ul li{ float: left; width: 44%; margin: 0 3% 40px 3%;  background-color: #fff; border: 2px solid #fff; border-radius: 8px;   box-sizing: border-box;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);   text-decoration: none;}
    .help ul li:hover{  border: 2px solid  #a8ceff; }
    .help-item{ background-color: #fff; border: 2px solid #fff; border-radius: 8px;  text-align: center;     }

    .help_s_title{ font-size: 18px; font-weight: bold; line-height: 32px; }
    .help_s_bt{ font-size: 14px; font-weight: normal; line-height: 20px; color: #999;  }
    a .help_s_title {  color: #333333; text-decoration: none; }

    .help_quan_kj{ width: 88%; margin: 0 3% 20px 3%; background-color: #fff; border: 2px solid #fff; border-radius: 8px;
        color: rgba(27, 27, 27, 1);   height: 100%;      padding: 20px 30px; text-align: center;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);  }
    .help_quan_kj:hover{  border: 2px solid  #a8ceff; }

    .model_left{ float: left; width: 10%; padding-left: 25%;}
    .model_right{ float: left;
        width: 60%;
        padding: 0 0% 0 15%;}
    .help_s_pic_title{ font-size: 18px; font-weight: bold; line-height: 26px; text-align: left; }
    .help_s_pic_bt{ font-size: 14px; font-weight: normal; line-height: 14px; color: #999;   text-align: left; }
    a .help_s_pic_title {  color: #333333; text-decoration: none; }


    /* 历史记录多选项卡*/
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .his_list ul li {
        float: left;
        width: 40%;
        margin: 0 4% 20px 4%;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #5085f8;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
        border-radius: 25px;}


    /* 手机页面*/
    .mob_bg{padding-top: 79px; background-color: #c4e1ff; height: 720px; }
    .mob_bg_cj{padding-top: 79px;  /* background: url(../image/datu/cn/cj/cjbg.jpg) repeat;*/ background-color:#c4e1ff;  height: 720px; }
    .mob_bj{ max-width: 992px; margin: 0 auto; }
    .mob_wenan {float: left; width: 32%; padding: 120px 0 0 3%;}
    .mob_wenan h1{font-size: 48px;  font-weight: 600; line-height: 42px;  }
    .mob_wenan p{ padding: 0;}
    .mob_title{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 5px; font-weight: 400; text-align: left;}
    .mob_title_en{font-size: 20px; line-height: 30px; color: #1b1b1b; margin: 5px 0 5px 0;  letter-spacing: 0px; font-weight: 400; text-align: left;}

    .mob_min_pic {float: left;  width: 65%; }
    .mob_datu_ju {padding-top: 100px; }
    .mob_top1{  margin: 20px 0 8px 2%; }
    .mob_top2{ margin: 30px 0 25px 0;}
    .mob_top3{ margin: 20px 0 25px 0;}

    .mob_min_pic .screenshot1 { margin: 80px 0 0 0;  width: 280px;  transform: rotate(22.5deg);}
    .mob_min_pic .screenshot2 { margin:0px 0 0 -36px;  width: 320px; transform: rotate(22.5deg); }

    /* 二维码弹窗*/
    #an_erwm { position: absolute; margin:1px 0 0 35%; z-index: 11001;}
    #an_erwm_apple{ position: absolute; margin:1px 0 0 56%; z-index: 11001;}

    .an_erwm_bg{width: 260px; height: 345px; background: #fff; display: block; border: 1px solid #ddd;}
    .an_ewm_close{float: right; line-height: 20px; font-size: 16px;  color: #999;  padding: 0;  margin: 0px 8px 0 0;}
    .an_ewm_close a{ color:#666;}
    .an_ewm_close a:hover{ color:#666;}
    .an_ewm_kg{ clear: both; padding: 0 15px; }
    .an_erwm_bg img{  width: 230px;  height: 230px; margin:0px 0 0 0; }
    .sao_line{  font-size: 14px; line-height:34px;  text-align: center; border-bottom:1px solid #eee;}
    .pc_down_an{margin: 8px 15px; width: 230px; height: 40px; background: #52b8f4; border-radius: 5px;  font-size: 16px;  line-height: 40px;  text-align: center; color: #fff;}

    #an_erwm_android{ position: fixed; margin:-200px 0 0 45%; z-index: 11001;}
    #an_erwm_ios{ position: fixed; margin:-256px 0 0 32%; z-index: 11001;}


    /* mac页面*/
    .mac_bg{padding-top: 79px; background-color:#c3e5ff; max-height: 830px; }
    .pc_min_pic { padding: 0; margin: 0 auto; text-align: center;}
    .pc_min_pic img { width: 100%}
    .pc_datu_ju {padding-top: 100px; }

    .pc_top1{float: left; width: 28%;  margin: 25px 0 0 7%; text-align: left; }
    .pc_top1 h1{font-family: '微软雅黑', '黑体', sans-serif; font-weight: bold; font-size: 26px; line-height: 60px; text-align: left;}
    /*.pc_top2{float: left;  width:35%;  margin: 25px 0 0px 0%; text-align:center;}*/
    /*.pc_top2 .mac_title{font-family: '微软雅黑', '黑体', sans-serif;   font-size: 21px; letter-spacing: 3px; line-height:60px; margin: 0; padding: 0; color: #000; }*/
    .pc_top3{float: left;  width: 23%; margin: 25px 0% 0px 10%;  }
    .pc_top4{float: left;  width: 22%; margin: 25px 0% 0px 3%;  }

    .mac_down_bg{ background-color: #7c9fbb; color: #fff; width: 250px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}
    /*.mac_down_bg2{ background-color: #7c9fbb; color: #fff; width: 240px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    /*.mac_down_bg3{ background-color: #7c9fbb; color: #fff; width: 220px; height:60px; font-size: 20px; line-height: 24px;  text-align: center; border-radius: 15px;}*/
    a:hover .mac_down_bg { background-color:#1771b9; text-decoration: none; }
    /*a:hover .mac_down_bg2 { background-color:#1771b9; text-decoration: none; }*/
    /*a:hover .mac_down_bg3 { background-color:#1771b9; text-decoration: none; }*/
    .mac_bb{ font-size: 16px; line-height: 24px;  padding:11px 12px 2px 12px;}
    /*.mac_bb2{ font-size: 16px; line-height: 22px;  padding:6px 20px 0px 15px;}*/
    .mac_time{font-size: 12px; line-height: 12px;}
    .mac_an_down {  margin: 16px 0 12px 0px;   }
    .mac_an_down img{ height: 27px;}
    .mac-logo{margin: 10px 0 10px 10px;  }
    .mac-logo img { height: 40px;  }

    /*mac 新的大图logo*/
    .mac-min_logo{margin: 100px auto 30px auto; width: 400px; height: 200px; }
    .mac-min_logo img{  width: 100%; height: 100%;}
    .mac_min_bt{ font-family: '微软雅黑', '黑体', sans-serif; font-size: 40px; line-height: 70px; font-weight: bold; text-align: center; color: #173d55;}
    .mac_min_title{font-family: '微软雅黑', '黑体', sans-serif; font-size: 22px; line-height: 45px; font-weight:bold; text-align: center; color: #567d9d;  padding: 5px 0; }
    .mac_down_an_hight{ margin: 15px auto; height: 80px;}
    .mac_left1{float: left; width: 40%; margin: 0 0% 0 10%;}
    .mac_left2{float: left; width: 40%; margin: 0 0% 0 10%;}
    .mac_left3{float: left; width: 24%; margin: 0 0% 0 1%;}
    .mac_left4{float: left; width: 24%; margin: 0 0% 0 1%;}
    .mac_an_bg{ font-size: 16px; line-height: 32px;  padding:6px 12px 0px 12px;}
    .mac_an_bg2{ font-size: 16px; line-height: 32px;  padding:6px 15px 0px 17px;}
    .mac_js{ text-align: center;  color: #173d55; padding-bottom: 30px;}

.min_bg{ background: #f8fafc; height: 400px; margin-bottom: 20px;}

    .min-tab{  height: 150px; margin: 10px 1% 0 1%;}
    .min-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #999;}
    .min-tab th,td {border: 1px solid #eeeeee; padding: 20px 12px; text-align: center; font-size: 16px; }
    .red{color: #ff4949}
    .biao-td{ font-size: 14px; color: #666;}

    .js_title{ font-size: 30px; font-weight: bold; color: #000; margin: 20px auto; padding: 30px 0 0px 0; text-align: center; }
    .js_min_title{ font-size: 14px; text-align: center; color: #999; padding: 0 0 20px 0; margin: 0; }

    .min_bg2{ background:#f8fafc; height: 680px; margin-bottom: 20px;}
    .js_list ul li{ float: left;width: 48%;  margin: 0px 1% 20px 1%; padding: 20px 30px;  background-color:#fff;  border-radius:20px; height: 248px; box-shadow: 0 1px 1px rgb(205 206 255 / 35%);}
    .js_list ul li:hover{background-color: #eef3ff; }
    .js_list ul li img{ width: 84px; height: 84px;  margin: 20px auto 0 auto;}
    .js_sm_title {font-size: 20px; line-height: 30px; text-align: left; color: #333; font-weight: bold; padding: 0px 0 10px 0; }
    .js_nei_title {font-size: 13px; line-height: 20px; text-align: left; color: #999; margin-bottom: 10px; }
    .js_sm_kuai span{ background: #e6efff; padding: 12px 20px; font-size: 14px; line-height: 50px; color: #265dff; margin: 0 20px 10px 0px; border-radius: 10px; }
    .aqkk_list p{font-size: 14px; line-height: 20px;}
    .js_sm_qqfg{ margin: 30px 0 0 0;}
    .js_sm_qqfg span{ background: #f4f3ff; padding: 12px 15px; font-size: 14px; line-height: 50px; color: #333; margin: 10px 20px 10px 0px; border-radius: 10px; }

    .head_top{ padding-top: 110px;}
    .head_wrap{ width: 100%;  max-width: 1334px; margin: auto;}
    .head_bg{ max-width: 1334px; height: 580px; background: url(../image/1.jpg) no-repeat; border: 1px solid #eeebfd; border-radius: 20px;}
    .head_bj{ padding: 50px 0 0 100px;}

    .bottom_list ul li{ float: left;width: 24%;  margin: 0px 0.5%  0px 0.5%; text-align: left; font-size: 14px;  line-height:36px; color: #737373;}
    .bottom_list_title{ font-size: 14px; color: #0a0a0a; line-height: 40px; font-weight: bold;}
    .bottom_list ul li a{font-size: 14px; color: #737373;}
    .bottom_list ul li a:hover{font-size: 14px; color: #444;}

    /* 多选项卡*/
    .download_title{ text-align: center; font-size: 30px; line-height: 48px; font-weight: bold; color: #1c1c1c; padding: 20px 0;}
    .download_list{ margin:0  24%;}
    .download_list ul li { float: left; width: 31.33%; margin: 0 1% 20px 1%;  height: 90px;  text-align: center;  background: #fff;
        font-size: 16px; color: #444; cursor: pointer; border-radius:10px;}
    .download_list ul  li:hover{ background: #eee; }
    .his_title { font-size: 24px;   line-height: 45px;     margin-bottom: 10px;  }
    .download_width{ margin:0 20%; }
    .downloadContent{margin: 0; min-height: 400px;  }

    .download-wbbg{ margin:0 30%; background: #eee; height: 48px; border-radius: 10px; }
    .download-wbbg input{ border:1px solid #eee; background: #eee; height: 48px; padding: 0 10px; width:84% ;border-radius: 10px; font-size: 15px; color: #666;}
    .download-wbbg input:focus { outline: none; /* 去掉默认蓝色外框 */border:1px solid #eee;  background: #eee;  border-radius: 10px;}
    .download-wbbg button{ float: right; border:1px solid #eee; background: #eee; height: 42px; border-radius: 10px; margin: 3px ; font-size: 15px;
        padding: 0 8px; color: #666;}
    .download-wbbg:hover button{ background: #ccc;  }
    .down-anniu{ margin: 20px auto;  width: 200px; height: 44px; line-height: 44px; text-align: center; background: #1b1b1b;  border-radius: 25px; color: #fff;}
    .down-anniu:hover{ background: #444;}

    /* 文档页面*/
    .docs_top{  padding-top: 90px;}
    .docs_left{float: left; width: 260px; }
    .docs_right{ float: left; width: auto; padding:0 0px 0 40px; margin-left: 260px; border-left: 1px solid #e8ebef;}
    .docs_left_bg{ background: #fbfbfb;  padding: 30px 10px 30px 20px; position: fixed; /* 固定定位 */}
    .docs_list ul,.docs_list ul li{ padding: 0; margin: 0; list-style: none;}
    .docs_list ul li{ font-size: 14px; line-height: 24px; color: #737373; padding:8px 15px 8px 20px; color: #737373; }
    .docs_list ul li:hover{ background: #ecf4ff; padding:8px 15px 8px 20px; border-radius: 10px; color: #444;}
    .docs_list_dj li,.docs_list_dj li:hover,.docs_list_dj li:active { background:#ecf4ff; padding:8px 15px 8px 20px; border-radius: 10px; color: #444; }
    .docs_s_tiele{ font-size: 14px; line-height: 24px; color: #444; font-weight: bold;  padding:8px 15px 8px 20px; }

    .docs_zw{ padding: 20px 20px 20px 0px; }
    .docs_zw a{ color: #737373; }
    .docs_zw a:hover{ color: #333; }
    .docs_zw h1{ font-size: 36px; line-height: 48px; color: #444; font-weight: bold; padding: 10px 0; margin: 0; text-align: left;}
    .docs_zw h2{ font-size: 22px; line-height: 36px; color: #444; font-weight: bold; padding: 10px 0; margin: 0; text-align: left;}
    .docs_zw h3{ font-size: 18px; line-height: 28px; color: #444; font-weight: bold; padding: 8px 0; margin: 0; text-align: left;}
    .docs_zw p{ padding: 10px 0; margin: 0;}
    .docs_zw img{ width: 96%; margin: 0 3% 0 0%; border: 1px solid #e8ebef; border-radius:5px;}
    .docs_zw b{ font-weight: bold;}
    .pic_small img { width: 43%; height: auto;  margin: 5px 3%; border-radius:5px; }

    .api-tab{  margin: 10px 1% 10px 1%;}
    .api-tab table { border-collapse: collapse; /* 合并边框 */    width: 100%;  color: #737373;}
    .api-tab th,td {border: 1px solid #eeeeee; padding: 20px 10px; text-align: center; font-size: 14px; }
    .tips_bg{ background:#f7f7f7; font-size: 13px; line-height: 26px; color: #a5a5a5; border: 1px solid #eee; border-radius: 20px; padding: 15px 20px 15px 25px; margin-bottom: 10px;}

}