*{
    margin: 0;
    padding: 0;
}

/* header */

.navbar-brand {
    padding-top:2px ;
}

.navbar{
    margin: 0;
}
.navbar-default {
    background-image: url(../img/navcontbg.png);
    border: 0 none;
    height: 80px;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
}

/*.dropdown:hover .dropdown-menu{
    display: block;
}*/

/* video */


.nav > li > a{
    padding:3px 10px;
    border-radius: 10px;
}

.nav > li{
    padding: 18px 10px;
}
#on>a{
    background: #8D4E18;
    color: #fff;
}

.nav > li>a{
    font-size: 14px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #BA671F;
}

.navbar {
    padding: 14px 0 0 0;
    border-radius: 0;
}

.dropdown-menu{
    background: #C1772F;
}

.dropdown-menu>li>a{
    padding: 10px 20px;
}
.at300b{
    width: 0;
    display: none;
}

.bg-footer{
    background: #452C2C;
    padding: 20px 0;
    margin-top: 20px;
    color: #FFF !important;
    font-size: 13px;
    line-height: 16px;
}
.bg-footer a{
    text-decoration: none;
    color: #FFF;
}
.bg-footer p{
	color: #FFF !important;}
.bg-footer ul li{color: #FFF !important;}
.bg-footer ul li a{color: #FFF !important;}

.float span{
    padding: 0 10px ;
}

.Feature_left{ width:100%; height:auto;  float:left; border-right:1px #ccc solid; padding:20px 20px 0 0;}
.Feature_left_2{ width:100%; height:auto;  float:left; padding:20px 10px 0 0;}
.Feature_left_2 h1{ 
    border-bottom: 1px #ccc solid;}

.support_guide_block h2{
    overflow: hidden;
    width: 100%;
    margin:40px 0 30px  0;
    padding-bottom: 20px;
	border-bottom: 1px #E5E5E5 solid;
}
.support_guide_block h3{
    overflow: hidden;
    width: 100%;
    margin:40px 0 30px  0;
    padding: 10px 0 20px 20px;
	border-left:solid 8px #8E7264 !important;
}

/*add by wei 2018-12-12*/
.support_guide_intro_sum { float:left; width:440px; margin:10px 0 0 0;}
.support_guide_intro_sum h3{font-size: 16px; font-weight:bold; margin: 10px 0 10px 0; padding: 3px; border-bottom-style:none;}
.support_guide_intro_sum p{font-size:12px; margin:0; line-height:22px; color:#666;}

/*end*/
/* meijie*/

.support_guide_author {
    float: left;
    width: 298px;
    margin: 40px 0 0 10px;
}

.support_guide_author img {
    float: left;
    margin: 6px 10px 0 86px;
}


.approve .approve_three{
	width:auto;
	}
	
	.Feature_left1 {
    height: auto;
    min-height: 950px;
    float: left;
    border-right: 1px #ccc solid;
    padding: 20px 20px 0 0;
}

.support_guide_tips {
    border-bottom: 0 none;
}

#tab_list{
    background: #bda7a6;
    padding: 10px;
    margin: 30px 0;
}
#tab_list>h3{
    padding: 10px;
    margin: 20px 0;
}

#tab_list ul {
   
    border-top: 0 none;
    /*overflow: auto;*/
    padding: 0;
    list-style: decimal;
    margin: 0 0 30px 45px;
}

#tab_list ul li {
    margin: 0;
    padding: 20px 25px  2px 8px;
    color: #777;
}

#tab_list ul li a{
    text-decoration: none;
    color: #0000C1;
}
#tab_list li a:hover{
    text-decoration: underline;     
}

.support_guide_block .btns{
    margin: 30px 0;
}

.tc{
    text-align: center;
    font-size: 12px;
    color: #777;
    display: block;
}

.zhong{
    border: 1px solid #DDDDDD;
    padding: 10px;
    background:#FCFAF7;
    margin: 30px 0;
}

#cen{
    margin:  20px 0;
}

@media (max-width: 780px) {
    .border>iframe {
        width: auto;
    }

    .navbar-default {
        background: #927669;
        height: auto;
    }

    .navbar-brand{
        width: 229px;
        padding-top: 10px;
    }

    .navbar-brand>img{
        display: block;
        width: 100%;
    }

    .support_block{
        width: auto;
    }
    .support_guide_intro_sum{
        width: auto;
    }

    .Feature_left{
        float: none;
        border-right: 0 none;
        height: auto;
        padding: 0;
    }

    .support_guide_intro{
        float: none;
    }
    .support_guide_download_upper h4{
        /*overflow: hidden;*/
    }
    .support_guide_download_upper p{
        float: left;
        width: auto;
        overflow: hidden;
    }

    .support_guide_download_upper_download{
        float: left;
        width: 100%;
    }
   .qiren{
       word-break: break-all;
   }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: #fff;
    }
}

.padding{
    padding: 0;
}

.support_block{
	width:auto;
	
	}
	
	.right{
	 float: none;
	}
	
	.support_guide_img{
		margin: 0 auto;
	}


/* float */


.footer-div{
    width: 350px;
    height: 250px;
    background: url(../img/at_pc_support.png) no-repeat;
    position: fixed;
    top: 100%;
    margin-top: -250px;
    margin-left: -400px;
    border-radius: 5px;
    text-align: center;
}

.footer-div h3 {
    line-height: 72px;
    font-size: 22px;
    color: #fff;

    margin: 0;
}

.logo_at{
    width: 42px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    max-width: 100%;
}

.cha_at{
    color: #fff;
    position: absolute;
    right: 10px;
    overflow: hidden;
    top: 10px;
    line-height: normal;
    cursor: pointer;
}

.footer-div p{
    display: block;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.3;
}

.footer-div p span{
    font-size: 12px;
    color: #08c;
}

.footer-div a{
    width: 220px;
    background-color: #47bd00;
    border-radius: 5px;
    color: #fff;
    display: block;
    line-height: 42px;
    margin: 20px auto;
    text-decoration: none;
}

/* table */

/*ul-icon*/

.ul-icon{
    position: absolute;
    bottom: 10px;
}

.ul-icon img{
    display: inline-block;
    vertical-align: middle;
}

.ul-icon ul{
    list-style: none;
    overflow: hidden;
}

.ul-icon Ul>li{
    float: left;
    width: 210px;
}

.ul-icon div{
    display: inline-block;
    width: 66%;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.table_li{
    list-style:none;
    text-align:left;
    padding-left:48px;
}


.table > tbody > tr > td{
    min-width: 233px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle!important;
}

.table{
    background: rgba(73,159,248,0.02);
}


.checkbox{
    width: 200px;
}

input[type=checkbox]{
    margin-right: 10px;
}

.label2{
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
}

.title td{
    font-size: 30px;
    color: #3592D7;
    border-top: 0px;
}

.download a{
    display: inline-block;
    width: 160px;
    padding: 10px ;
    background: #ef8035;
    color: #fff;
}


.download2 a{
    display: inline-block;
    color: #fff;
    width: 160px;
    padding: 10px ;
    background: #5bc5f7;
}
/*howto add float style from 2024/4/8*/
#float {
    width: 300px;
    position: absolute;
    left: 46%;
    top: 173px;
    background: #F8F8F8;
    z-index: 999;
    margin-left: -800px;
}

#float a {
    color: #000000;
}

#float h2 {
    font-size: 18px;
    color: #000000;
    background: #a68785;
    padding: 10px;
    margin: 0;
    font-weight: bold;
    margin-bottom: 15px;
}

#float h3 {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0;
    line-height: 1.2;
    font-weight: bold;
}

#float p {
    font-size: 14px;
    color: #777;
    padding: 5px 10px 5px 15px;
    margin: 0;
}
#float ul li{
    font-size: 14px;
    color: #000000;
    padding: 5px 10px 15px 15px;
    margin: 0;
	list-style-type: decimal;
	list-style-position:inside;
	font-weight: bold;
}
/*end of float*/

.float_bg{
    width: 100%;
    background: url("../img/activity/add-bg.png") -30px  0;
    height: 73px;
    position: fixed;
    top: 0px;
    z-index: 4;
}

.float_box_bg{
    position: relative;
}

.float_bg a{
    position: absolute;
    right: 60px;
    top: 12px;
}

.cuo_le{
    color: white;
    position: absolute;
    right: 20px;
    top: 12px;
    background: rgb(45,45,45);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
}
img{
    display: block;
    max-width: 100%;
    height: auto;
}

#support {
    border-bottom: 1px #ccc solid;
}

.Feature_left{
    width: 100%;
}


.up_div{
    margin-top: 35px;
    border: 1px solid #CCCCCC;
    padding: 10px ;
	overflow:hidden;
}


.up_img{
	width:40px;
    vertical-align: middle;
    display: inline;
    margin:0 10px;
	float:left;
}


.christmas_bg{
    position: relative;
    display: block;
    background: url("../offer/img/christmas/top_banner.png");
    height: 76px;
    background-position: center;
    z-index: 1;
}

.christmas_bg>div{
    position: relative;
}


.christmas_title {
    position: absolute;
    top: 30px;
    right: 0;
    display: inline-block;
    border-radius: 30px;
    line-height: 38px;
    width: 120px;
    height: 40px;
    text-align: center;
    background: #f8ce5e;
    z-index: 2;
    color: #fff;
    -webkit-animation: ani 0s;
    -webkit-animation: ani 1500ms linear infinite both;
    animation: ani 1500ms linear infinite both;
}


.christmas_error{
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff;
    font-size: 18px;
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,.3);
    text-align: center;
    line-height: 22px;
    transform-origin: center center;
    cursor: pointer;
    transition: all .2s;
    margin-top: 10px;
}


.christmas_text{
    display: flex;
    flex-direction: row;
    justify-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    overflow: hidden;
}

.christmas_text span{
    font-size: 28px;
    margin-left: 50px;
    line-height:1;
    text-align: center;
}

.christmas_text span:nth-child(2){
    margin-top:18px;
}

.christmas_text .christmas_name{
    margin-top:28px;
    font-size: 30px;
}

.christmas_text label{
    font-size: 16px;
    font-weight: 500;
}


.christmas_error:hover{
    border-radius: 50%;
    background: red;
    transform: rotate(90deg);
}


.aiya_href{
	display:block;
	position:relative;
	}
.note {
	border: 2px solid #B5B359;
	padding:10px;
	background-color:#FFFFEA;
}
.note li{
	list-style-type: square !important;
	list-style-position: inside !important;
	line-height:120% !important;
	font-size:15px !important;
	border-left: 2rem !important;
	padding-left:20px !important;
}
.note1 {
	border: 2px solid #000000;
	padding:10px;
	background-color:#FFFF00;
}
.note1 li{
	list-style-type: square !important;
	list-style-position: inside !important;
	line-height:120% !important;
	font-size:15px !important;
	border-left: 2rem !important;
	padding-left:20px !important;
}
.note2 {
	border: 2px dotted #00CCCC;
	padding:10px;
	background-color:#EAFFFF;
}
.note2 li{
	list-style-type: square !important;
	list-style-position: inside !important;
	line-height:120% !important;
	font-size:15px !important;
	border-left: 2rem !important;
	padding-left:20px !important;
}
.note3-yellow {
	border: 3px dotted #00CCCC;
	padding:10px;
	background-color:#FFFFDF;
}
.note3-yellow li{
	list-style-type: square !important;
	list-style-position: inside !important;
	line-height:120% !important;
	font-size:15px !important;
	border-left: 2rem !important;
	padding-left:20px !important;
}

/*top navi laungage added 2021-9-11*/

/*下载新样式2024-4-9添加到howto页面*/
.post-secdown .a-tp>span>span{display:block}
/*.post-secdown{text-align:center;margin:40px auto}*/
 
.post-secdown{    
    display: table;
    margin: 1em auto;
    min-width: 270px;
    text-align: center;
    border: 0;
    color: #63686b;
    text-decoration: none;
    line-height: normal;}
.a-tp{ 
    line-height: 1;
    height: 64px;
    min-width: 296px;
    box-shadow: 0 10px 20px 0 rgba(34,88,246,.4);
    padding: 0 20px;
    background: #2258f6;
    display: flex;
    border-radius: 50px;
    color: #fff;
    transition: transform .15s,background-color .15s;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;}
.a-tp::after{display:block;width:24px;height:24px;background:url(../img/dp-theme/dp-article-ab-ic-download-24.svg) no-repeat;background-size:24px 24px;content:"";margin-right:0;visibility:visible}
.a-tp:hover::before{position:absolute;height:calc(100% + (1rem/2));width:calc(100% + (1rem/2));border-radius:50px;background:#1f4fdd}
.a-tp:hover{background:#1f4fdd}
.a-tp>span{float:none;display:inline-block;width:auto;padding:0;margin:0;padding-left:20px}
.a-tp>span>span{font-size:12px}
.a-tp::before{content:"";position:absolute;height:100%;width:100%;border-radius:50px;z-index:-1;transition:all ease-out .2s;top:50%;left:50%;transform:translate(-50%,-50%)}
.a-tp:focus,
.a-tp:active,
.a-tp:hover{background:#1f4fdd}
.a-tp a:hover {text-decoration: unset}
.post-secdown a:hover {
	text-decoration: none !important;
	color: #fff;
}
.a-tp:hover::before{position:absolute;height:calc(100% + (1rem/2));width:calc(100% + (1rem/2));border-radius:50px;background:#1f4fdd}
.a-tp>span{float:none;display:inline-block;width:auto;padding:0;margin:0;padding-left:20px}
.a-tp>span>span:first-child{font-size:20px;margin-bottom:4px;line-height:26px;padding:0!important}
.a-tp>span>span{font-size:12px}.container-box .content .post-secdown .a-bt{margin-top:16px;color:#000}
.a-bt::before{width:20px;height:20px;background:url(../img/dp-theme/dp-article-ab-ic-secure-20.svg) no-repeat;}
.a-bt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  top: -2px;}
.a-bt{margin-top:16px;color:#000}

/*以上下载新样式2024-4-9*/
ul, li{
            list-style: none;
            padding: 0;
        }

        a{
            text-decoration: none;
        }

        .site-header .header-links-container {
            float: right;
            height: auto;
            margin-right: 60px;
        }

        .site-header .kl-top-header .topnav {
            margin-bottom: 8px;
            margin-top: 10px;
            z-index: 111;
        }
        .topnav>li {
            float: left;
            margin-left: 25px;
        }

        .topnav li.drop li a {
            font-size: 10px;
            color: #222;
            padding: 0 5px 0 10px;
            display: block;
            text-transform: uppercase;
            margin-top: 1px;
        }

        .topnav>li>a {
            font-weight: 700;
            /*color: #fff;*/
            line-height: 24px;
            display: block;
            border-radius: 2px;
            opacity: .8;
            font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        }

        .pPanel{
            opacity: 0;
            height: 0;
            visibility: hidden;
        }

        .topnav li.drop:hover .pPanel {
            opacity: 1;
            height: auto;
            visibility: visible;
        }

        .topnav li.languages .pPanel {
            min-width: 130px;
        }

        .topnav li.drop .inner {
            margin: 5px 4px 4px;
            list-style: none;
            background: #f5f5f5;
            /*padding: 10px 5px;*/
            position: relative;
            box-shadow: 0 0 5px rgb(0 0 0 / 40%);
            border-radius: 2px;
            box-sizing: border-box;
        }

        .topnav li.drop li a {
            font-size: 10px;
            color: #222;
            padding: 0 5px 0 10px;
            display: block;
            text-transform: uppercase;
            margin-top: 1px;
        }

        .toplang-item a {
            box-sizing: border-box;
            display: inline-block!important;
            width: 100%;
            padding: 6px 10px!important;
            font-size: 13px!important;
        }

        .toplang-item .toplang-flag {
            float: left;
            width: 23px;
            margin-right: 9px;
        }

        .toplang-item:hover{
            background: #DCDCDC;
        }

/*end of lanuage*/

@keyframes ani {
    0% {
        -webkit-transform: scale3d(.7,.7,.7);
        -moz-transform: scale3d(.7,.7,.7);
        -ms-transform: scale3d(.7,.7,.7);
        -o-transform: scale3d(.7,.7,.7);
        transform: scale3d(.7,.7,.7);

    }
    50% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    100% {
        -webkit-transform: scale3d(.7,.7,.7);
        -moz-transform: scale3d(.7,.7,.7);
        -ms-transform: scale3d(.7,.7,.7);
        -o-transform: scale3d(.7,.7,.7);
        transform: scale3d(.7,.7,.7);
    }
}



@media (max-width: 767px){

    .table_li{
        padding-left:20px;
    }

    .table > tbody > tr > td{
        min-width: auto;
    }
    .navtop,#middle,#cen1{
        width: auto;
    }



}