.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 5% 30px 5%; 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: 23%;  margin: 0px 1% 20px 1%;
        /*background-color: #f4f6f9;  border-radius: 10px;*/
    }
    .cp_list ul li img{ width: 100%; height: auto;  margin: 0 0;}
    .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: #f2f9ff; height: 240px; padding: 30px 0;}
    .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 15px 0 15px;}
    .bq{ color:#000; font-size:0.85em; line-height: 3em; border-top: 1px solid #b4d6fe; text-align: center;}

    .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: 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: '微软雅黑', '黑体';  color: #235ab9;  font-size: 42px; line-height: 54px; letter-spacing: -1px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #235ab9;  font-size: 26px; line-height: 30px; letter-spacing:0px; font-weight: bold; padding: 20px 0;}

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

    .anniu-left{ float: left;}
    .an-logo1{ margin: 10px 0 10px 10px;}
    .an-logo1 img{height: 40px;}

    .an-logo2{margin: 10px 0 10px 10px;}
    .an-logo2 img{height: 40px;}
    .an-down{ margin: 19px 0 11px 0px;}
    .an-down img{height: 22px;}
    .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: 130px;}
    .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;}
}
@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 8% 20px 8%;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: 46%;   margin: 0px 2% 20px 2%;
        /*background-color: #f4f6f9; border-radius: 10px;*/
    }
    .cp_list ul li img{ width: 90%; height: auto; margin: 0 5%;}
    .ld_title{ font-size: 1.2em; line-height: 2.4em; text-align: center; color: #333;}
    .ld_nei_title{ line-height: 1.6em; text-align: center; color: #666; margin-bottom: 30px; font-size: 0.8em}

    .bottom_bg{ background:#f2f9ff; height:auto; padding:10px 0 5px 0;}
    .me_d_left{ width:86%; margin: 0 7%; background: #f2f9ff; }
    .me_d_left2{/*width:80%; margin: 10px 5% 0 15%; background: #15c6b7;*/ display: none;}
    .me_d_left3{width:86%; margin: 0px 7%; background:#f2f9ff; }
    .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: 8px 15px 0 15px; background:#f2f9ff;}
    .bq{ color:#000; font-size:0.85em; line-height:2.5em; border-top: 1px solid #b4d6fe; text-align: center;}

    .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%; }
    .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: '微软雅黑', '黑体';  color:#235ab9;  font-size:20px; line-height:24px; letter-spacing: -1px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #235ab9;  font-size:13px; line-height:18px; letter-spacing:0px; font-weight: bold; padding: 5px 0 15px 0;}

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

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

    .an-logo2{margin: 5px 0 5px 3px;}
    .an-logo2 img{height: 20px;}
    .an-down{ margin: 2px 0 2px 0px;}
    .an-down img{height: 15px;}
    .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: 236px;}
    .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;}

}
@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: block;  }
}
@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 5% 30px 5%; 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%;    background-color: #f4f6f9;  border-radius: 10px;}*/
    /*.cp_list ul li img{ width: 90%; height: auto;  margin: 0 5%;}*/
    /*.ld_title{ font-size: 1.5em; line-height:3em; text-align: center; color: #333; }*/
    /*.ld_nei_title{  font-size:14px; line-height: 1.9em; text-align:center; color: #666; margin-bottom: 40px;}*/

    .bottom_bg{ background: #f2f9ff; height: 240px; padding: 30px 0;}
    .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 15px 0 15px;}
    .bq{ color:#000; font-size:0.85em; line-height: 3em; border-top: 1px solid #b4d6fe; text-align: center;}

    .head_ju{ margin-top: 93px;}
    .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 5%;}
    .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: 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; 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: -1px; 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: '微软雅黑', '黑体';  color:#235ab9;  font-size: 54px; line-height:60px; letter-spacing: 0px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #235ab9;  font-size: 36px; line-height: 40px; letter-spacing: 0px; font-weight: bold; padding: 24px 0;}

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

    .anniu-left{ float: left;}
    .an-logo1{ margin: 10px 0 10px 10px;}
    .an-logo1 img{height: 40px;}

    .an-logo2{margin: 10px 0 10px 10px;}
    .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:#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; }*/
    /*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: 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: 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 4%;}
    .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;}


}
@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 10% 30px 10%; 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: 48%;  margin: 0px 1% 20px 1%;  background-color: #f4f6f9;  border-radius: 10px;}*/
    /*.cp_list ul li img{ width: 90%; height: auto;  margin: 0 5%;}*/
    /*.ld_title{ font-size: 1.4em; line-height: 2.4em; text-align: center; color: #333;}*/
    /*.ld_nei_title{ font-size: 14px; line-height: 1.9em; text-align: center; color: #666; margin-bottom: 40px;}*/

    .bottom_bg{ background:#f2f9ff; height: 240px; padding: 30px 0;}
    .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 15px 0 15px;}
    .bq{ color:#000; font-size:0.85em; line-height: 3em; border-top: 1px solid #b4d6fe; text-align: center;}

    .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:-1px; 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: '微软雅黑', '黑体';  color:#235ab9;  font-size:54px; line-height: 60px; letter-spacing: 0px; font-weight: bold; }
    .pic-sm-title{ font-family: '微软雅黑', '黑体';  color: #235ab9;  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: 10px 0 10px 10px;}
    .an-logo1 img{height: 40px;}

    .an-logo2{margin: 10px 0 10px 10px;}
    .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: 24%; margin: 0 0% 0 1%;}
    .mac_left2{float: left; width: 24%; margin: 0 0% 0 1%;}
    .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;}

}