@charset "utf-8";
/* CSS Document */
/* css download */

.download_main{ width:100%; margin:12px 0;}
.down_left{ width:400px; height:240px; float:left;  background:url(../img/download_first_bg.png) no-repeat right center; padding:34px 0 0 0;}
.down_right{ width:570px; float:right; padding:6px 0 0 0; }

.down_left p{ text-align:center; padding:5px 0 5px 0; line-height:18px;}
.down_left h3{ text-align:center; font-size:18px; line-height:18px;}
.down_right h2{ font-size:22px; color:#1394dc; padding:0 0 0 30px; font-weight:bold; line-height:22px;}
.down_right p{ padding:6px 0 11px 30px; line-height:20px; font-size:14px;}
.d_update{ width:510px; background-color:#ebf8ff; margin:0 0 0 30px; padding:5px 0 5px 20px;}
.d_update p {line-height:22px; font-size:12px; margin:0; padding:0;}
.d_update li{ padding:0 0 0 10px; line-height:22px; background:url(../img/triangle.png) no-repeat left center; color:#247eaf;}
.d_related{width:510px; height:auto; margin:0 0 0 30px; padding:5px 0 0 20px;}
.d_related li{ line-height:22px;}
.d_related li b{color:#666;}
.d_related li a{ color:#1394dc;}

.e_update{ width:520px; margin:0 0 0 10px; padding:5px 0 0 20px;}
.e_update p {line-height:22px; font-size:12px; margin:0; padding:0;}
.e_update li{ padding:0 0 0 10px; line-height:22px; background:url(../img/triangle.png) no-repeat left center; color:#555; margin-left:10px;}


.down_three{ width:980px; height:auto; /*background:url(../img/d_rec_bg.png) no-repeat top;*/ clear:both; margin:30px auto 0;border-top: 1px solid #eeeeee;}
.d_bg{ background:none;}
.down_three h1,.down_three h2{ font-size:24px; font-weight:bold; text-align:center; line-height:24px; padding:30px 0 20px 0;}

.rec_block{ width:920px; height:130px; margin:0 auto;  background:url(../img/d_line.png) no-repeat top; }
.rec_block_img{ width:155px; height:84px; float:left; margin:20px 0 0 20px;}
.rec_block ul{ width:500px; height:auto; float:left; margin:20px 0 0 20px;}
.rec_block ul li{ line-height:20px; font-size:13px; color:#666;}
.rec_block ul li a{ line-height:20px; font-size:13px;}
.rec_block ul li h3{ font-size:18px; font-weight:bold;}
.rec_block ul li h3 a{ font-size:18px; font-weight:bold;}
.rec_botton{ width:176px; height:40px; float:right; margin:50px 30px 0 0;}
.rec_botton2{ width:207px; height:40px; float:right; margin:50px 5px 0 0;}
/* css download */
.download_advertising
{ 
 width:100%; height:494px; background:url(../phoneclean/img/apptrans_adv.png) no-repeat;
}
.adv_botton{ width:620px; margin:0 auto; padding-top:165px;}
.adv_botton a{ margin:0 3px;}
.addthis_toolbox_download{ height:28px;}


/*2020.12.30*/
.down_three>div,.down_three>ul{display: inline-block;width: 49%;vertical-align: top;margin-top: 30px}
.down_three>div img{margin-left: 40px}
.down_three>ul>li{position: relative;margin: 6px;color: #333;font-size: 14px}
.down_three>ul>li:first-child{margin-top: 0}
.down_three>ul>li>a:hover{color: #257bff}
.down_three ul li:before {content: "";position: absolute;left: -13px;top: 8px;width: 6px;height: 6px;border-radius: 50%;background-color: #257bff;}
.down_three .dl3_box{text-align: center;width: 100%}
.dl3_box a{display: inline-block;width: 320px;height: 60px;line-height: 60px;color: #fff;text-decoration: none;border-radius: 6px;margin-right: 10px;position: relative;font-size: 18px;font-weight: 600;transition: all 0.4s}
.dl3_box a.windlbtn{background: #1eb553;}
.dl3_box>a.macdlbtn{background: #257bff;margin-right: 20px}
.dl3_box a:hover{ transform:translateY(-5px);transition: all 0.4s}

.dl3_box>a.windlbtn:after {content: "\eac2";font-family: pricon;display: inline-block;margin-left: 15px;position: relative;vertical-align: middle;color: inherit;font-size: 24px;font-weight: normal;}
.dl3_box>a.macdlbtn:after {content: "\eabf";font-family: pricon;display: inline-block;margin-left: 15px;position: relative;vertical-align: middle;color: inherit;font-size: 24px;font-weight: normal;}

@media screen and (max-width: 980px){
.down_three{ width:98%; background:none; border:2px solid #ccc;}
.rec_block_img{ width:110px;}
.rec_block{ width:100%;}
.rec_block ul{ width:calc(100% - 340px);}
.rec_botton{ margin:50px 10px 0 0;}
.down_left,.down_right{ float:none; width:92%; background:none;}
.e_update{ width:100%; padding:0;}
}
@media screen and (max-width: 768px){
.rec_block{ background:none; border-bottom:1px solid #ccc; height:auto;}
.rec_block_img{ float:none; margin:10px auto; width:84px;}
.rec_block ul{ width:90%; float:none; text-align:center; margin:20px auto;}
.rec_botton,.rec_botton2{ float:none; margin:20px auto;}

 .dl3_box>a:last-child{margin-right: 0}
}
@media screen and (max-width: 568px) {
 .dl3_box{width: auto;margin: 0 auto!important;}
 .dl3_box a{margin-right: 0;margin-top: 25px}
 .dl3_box>a:last-child{margin-top: 20px}

}
@media screen and (max-width: 460px){
 .down_three>div img{width: 100%}
 .down_three>ul{width: 94%;margin: 0 2% 0 4%}
 .down_three>ul li a{font-size: 12px}
}
@media screen and (max-width: 375px) {
 .dl3_box a{width: 280px;font-size: 16px}
 .dl3_box>a:first-child:after,.dl3_box>a:last-child:after{font-size: 20px;margin-bottom: 3px}
}