@import url("../../common/css/animate.min.css");

/*
 + ===============================
 + public
 + ===============================
*/
body { min-width: 1220px; font-size: 16px; color: #333; background: #FFF; font-family: '微软雅黑'; margin: 0;padding: 0;}
li { list-style: none; }
a { color: #333; text-decoration: none; }
table { border-collapse:collapse; }
input, textarea { outline:none; }
textarea { resize:none; }
ul, li, dl, dt, dd { margin: 0; padding: 0;}
.clearfix { zoom: 1; }
.clearfix:after { content: ''; display: table; clear: both; }

.wrap { width: 1220px; margin: 0 auto; }
.appwrap { width: 1036px; margin: 0 auto; }
/* 头部 */
.dl-header { height: 85px; text-align: right;  }
.dl-header .menu { height: 100%; background: url(../images/down/logo.png) 0 center no-repeat; }
.dl-header a { display: inline-block; position: relative; height: 100%; line-height: 85px; margin-left: 55px; }
.dl-header a.attention { margin-left: 180px; }
.dl-header a.attention img { position: absolute; left: -50px; top: 24px; }
.dl-header a:hover { background: url(../images/down/icon_arrow1.png) center bottom no-repeat; }
/* 底部 */
.dl-footer { padding: 70px 0; text-align: center; font-size: 18px; color: #787777; background: #555555; }

/*
 + ===============================
 + 桌面应用下载
 + ===============================
*/

.dl-banner { height: 586px; background: url(../images/down/banner_bg.jpg) 0 0 no-repeat; background-size: cover; }
.dl-banner .cont { position: relative; height: 100%; }
.dl-banner .cont .banner_pic { position: absolute; left: 45px; top: 112px; }
.dl-banner .cont dl { position: absolute; right: 90px; top: 150px; color: #fff; }
.dl-banner .cont dt { font-size: 54px; }
.dl-banner .cont dd { margin-top: 20px; }
.dl-banner .cont dd.wlzn { font-size: 36px; }
.dl-banner .cont dd.down .destsoft { display: block; width: 323px; height: 62px; background: url(../images/down/downbtn_bg1.png) 0 0 no-repeat; text-indent: -9999em; color: transparent; overflow: hidden; }
.dl-banner .cont dd.need a { font-size: 12px; color: #FFF; }
.dl-banner .cont dd.need a:hover { color: #F60; text-decoration: underline; }

.dl-main { margin-top: 120px; }
.dl-main .intro {  }
.dl-main .intro li { float: left; margin: 0 60px; }
.dl-main .intro p, .dl-main .intro h3 { width: 140px; margin: 20px auto 0; text-align: center; }
.dl-main .intro p { margin-top: 10px; font-size: 14px; line-height: 26px; color: #b7b7b7;}
.dl-main .intro h3 { font-weight: normal; }
.dl-main .tb-down, .dl-main .diary { margin-top: 40px; }
.dl-main .title { position: relative; padding-bottom: 20px; font-size: 24px; color: #929292; }
.dl-main .title img { position: absolute; }
.dl-main .tb-down table { width: 100%; border: 1px solid #e5e5e5; vertical-align: middle; text-align: center; }
.dl-main .tb-down th { height: 64px; background: #f0f0f0; color: #767676; font-size: 16px; font-weight: normal; }
.dl-main .tb-down td { height: 64px; color: #929292; font-size: 14px; border: 1px solid #e5e5e5; }
.dl-main .diary ul { margin-bottom: 20px; }
.dl-main .diary li { width: 49%; border: 1px solid #dfdfdf; }
.dl-main .diary li.item1, .dl-main .diary li.item3 { float: left; }
.dl-main .diary li.item2, .dl-main .diary li.item4 { float: right; }
.dl-main .diary dt { padding: 0 20px; height: 50px; line-height: 50px; color: #FFF; }
.dl-main .item1 dt { background: #8dacc9; }
.dl-main .item2 dt { background: #c98d8d; }
.dl-main .item3 dt { background: #c9a48d; }
.dl-main .item4 dt { background: #8dc9ab; }
.dl-main .update-log { padding: 0 20px; color: #929292; height: 180px; overflow-y: auto;  }
.dl-main .update-log h4 { margin-top: 20px; font-weight: normal; }

/*
 + ===============================
 + app下载
 + ===============================
*/
.dl-banner.app { height: 760px; }
.dl-banner.app .cont img { top: 81px; }
.dl-banner.app dl { top: 300px; }
.dl-banner.app .down .btn, .dl-banner.app .down .code2d { float: left; margin-right: 20px; }
.dl-banner.app .down .btn { width: 185px; }
.dl-banner.app .down .btn a { display: block; height: 55px; line-height: 55px; padding-left: 60px; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 18px; }
.dl-banner.app .down .btn a + a{margin-top: 10px;}
.dl-banner.app .down .btn a.android { background: url(../images/down/icon_m.png) 20px 10px no-repeat; }
.dl-banner.app .down .btn a.android:hover { background-position: 20px -42px; color: #60b5eb; background-color: #FFF; }
.dl-banner.app .down .btn a.ios { background: url(../images/down/icon_m.png) 20px -90px no-repeat; }
.dl-banner.app .down .btn a.ios:hover { background: url(../images/down/icon_m.png) 20px -135px no-repeat; background-color: #FFF;  color: #60b5eb; }
.dl-banner.app .down .code2d { width: 125px; height: 125px; padding: 10px; background: #FFF; }
.dl-banner.app .down .code2d img { width: 100%; height: 100%; }

.dl-main.app { margin-top: 200px; }
.dl-main.app .show { position: relative; }
.dl-main.app .tit { text-align: center; color: #60b5eb; font-size: 18px; }
.dl-main.app .tit h2 { font-size: 32px; }
.dl-main.app .show .mid { width: 350px; height: 605px; margin: 75px auto 0; }
.dl-main.app .show  .around { position: absolute; padding-left: 105px; }
.dl-main.app .show  .around h3 { font-size: 22px; font-weight: normal; color: #000; }
.dl-main.app .show  .around p { color: #60b5eb; font-size: 12px; }
.dl-main.app .show  .around.item1, .dl-main.app .show  .around.item2 { top: 180px; }
.dl-main.app .show  .around.item3, .dl-main.app .show  .around.item4 { bottom: 50px; }
.dl-main.app .show  .around.item2, .dl-main.app .show  .around.item4 { right: 0; }
.dl-main.app .show  .around.item1 { background: url(../images/down/icon_fn.png) 0 25px no-repeat; }
.dl-main.app .show  .around.item2 { background: url(../images/down/icon_fn.png) 0 -125px no-repeat; }
.dl-main.app .show  .around.item3 { background: url(../images/down/icon_fn.png) 0 -275px no-repeat; }
.dl-main.app .show  .around.item4 { background: url(../images/down/icon_fn.png) 0 -425px no-repeat; }

.dl-main.app .reg { margin-top: 160px;  padding: 80px 0; background: #e9f3fb; }
.dl-main.app .reg .process { margin-top: 60px; }
.dl-main.app .reg ul { margin-left: -170px; }
.dl-main.app .reg li { float: left; width: 230px; margin-left: 170px; text-align: center; }
.dl-main.app .reg li h3 { color: #364f64; font-size: 26px; font-weight: normal; }
.dl-main.app .reg li p { line-height: 28px; color: #5c7c96; }

.dl-main.app .feedback { margin-top: 120px; margin-bottom: 200px; }
.dl-main.app .feedback .case { margin-top: 65px;}
.dl-main.app .feedback ul { margin-left: -35px; }
.dl-main.app .feedback li { float: left; width: 320px; margin-left: 35px; }
.dl-main.app .feedback .text { height: 95px; padding: 55px 25px; background: #ecf6fe; color: #5281a9; line-height: 30px; font-size: 18px; overflow: hidden; }
.dl-main.app .person { position: relative; padding: 25px 20px; color: #fff; background: #60b5eb; }
.dl-main.app .person .img { position: absolute; right: 20px; top: -45px; width: 90px; height: 90px; overflow: hidden; border-radius: 50%; }
.dl-main.app .img img { width: 100%; height: 100%; }

.dl-main.app .diary { margin-bottom: 200px; }
.dl-main.app .diary ul { margin-top: 50px; }
.dl-main.app .diary dt { padding: 0; margin: 0 20px; background: #FFF; border-bottom: 1px solid #dfdfdf; color: #929292; }
.dl-main.app .diary dt span { display: inline-block; padding-left: 40px; background: url(../images/down/diary.png) 5px center no-repeat;}
.dl-main.app .diary dt a { position: relative; float: right; color: #929292; cursor: default; }
.dl-main.app .update-log { padding: 15px 20px 15px 40px; height: 115px; }
.dl-main.app .update-log p { margin: 8px 0 0;}


/*
 + ===============================
 + 车辆技术档案管理系统下载
 + ===============================
*/
.dl-banner.vds { background: #4889db; }
.dl-banner.vds .banner-mobile-vds { position: absolute; left: 530px; bottom: -50px;}
.dl-banner.vds .cont dl { right: 20px; }
.dl-banner.vds .cont dd.down { width: 380px; }
.dl-banner.vds .cont dd.wlzn { font-size: 40px; }
.dl-banner.vds .down .btn .btn-item { float: left; display: block; height: 55px; line-height: 55px; padding-left: 70px; padding-right: 30px;; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 18px; }
.dl-banner.vds .down .btn .android { background: url(../images/down/icon_m.png) 20px 10px no-repeat; }
.dl-banner.vds .down .btn .android:hover { background-position: 20px -42px; color: #60b5eb; background-color: #FFF; }
.dl-banner.vds .down .btn .ios { margin-left: 20px; background: url(../images/down/icon_m.png) 20px -90px no-repeat; }
.dl-banner.vds .down .btn .ios:hover { background: url(../images/down/icon_m.png) 20px -135px no-repeat; background-color: #FFF;  color: #60b5eb; }
.dl-banner.vds .down .btn .desksoft { background: url(../images/down/icon_m.png) 20px -183px no-repeat; }
.dl-banner.vds .down .btn .desksoft:hover { background-position: 20px -225px; color: #60b5eb; background-color: #FFF; }
.dl-banner.vds .down .vds-desksoft { position: relative; margin-top: 20px; padding-top: 20px; }
.dl-banner.vds .down .vds-desksoft:after { content: ''; position: absolute; top: 0; left: 0; width: 360px; height: 1px; background: rgba(255,255,255,.8) }
.dl-banner.vds .down .vds-desksoft .need { float: left; margin-left: 20px; font-size: 14px;  line-height: 30px;}
.dl-banner.vds .down .vds-desksoft .need a { display: block; color: #FFF; }
.dl-banner.vds .down .vds-desksoft .need a:hover { text-decoration: underline; }

/*
 + ===============================
 + 修改下载
 + ===============================
*/

.download_channel{float:right; position:relative;top:80px;right:60px;color:#FFFFFF}
.download_channel h1{font-size:40px;color:#FFFFFF}
.download_channel ul{margin:0;padding:0;width:360px;font-size:14px}
.download_channel ul li{float:left;margin-top:20px;margin-left:10px}
.download_channel ul li.button_box{width:160px;border:1px solid #fff; text-align:center;height:46px;line-height:46px;}
.download_channel ul li.button_box a:link{width:160px;color:#FFFFFF; display:block}
.download_channel ul li.button_box a:hover{width:160px;color:#FFFFFF; display:block; background-color:#1d63bb}
.download_channel ul li a{color:#FFFFFF}
.download_channel ul li a:hover{ text-decoration:underline;}



/* 返回首页 */

.return-home{
	position: fixed;
	right: 0;
	top: 400px;
	background-color: rgba(0,0,0,.7);	
	border-radius: 5px;
	line-height:1.8;
}
.return-home a{	
	padding:5px 10px;
	display: block;
}
.return-home span{
	display: block;
	color:#fff;
	font-size: 14px;
}