.Top_content { background: #fff; padding: 20px; overflow: hidden; }

.Top_content .itemA { width: 1200px; overflow: hidden; }

.Top_content .itemA a { display: block; float: left; margin: 0 20px 20px 0; }

.Top_content .itemA a, .Top_content .itemA a img { width: 275px; height: 160px; border-radius: 6px; }

.Top_content .itemA a img { transition: all .2s linear; -webkit-transition: all .2s linear; }

.Top_content .itemA a:hover img { opacity: 0.8; }

.Top_content .itemB { overflow: hidden; width: 100%; margin-bottom: 30px; }

.Top_content .itemB span { width: 100%; font-size: 20px; font-weight: bold; color: #333; display: block; line-height: 50px; }

.Top_content .itemB a { display: block; float: left; height: 36px; line-height: 36px; padding: 0 12px; background: #eee; border-radius: 3px; margin: 20px 20px 0 0; font-size: 14px; color: #666;  }

.Top_content .itemB a:hover { background: #b2d9ff; color: #fff; }

.Top_content .item { width: 358px; border: 1px solid #eee; float: left; margin: 30px 0; padding-bottom: 10px; }

.Top_content .item .label { display: block; text-align: center; width: 160px; height: 44px; line-height: 44px; background: #eee; color: #fff; font-size: 18px; font-weight: bold; margin: -20px auto 0; }

.Top_content .item ul { width: 320px; margin: 15px auto; overflow: hidden; }

.Top_content .item ul li { width: 100%; line-height: 44px; overflow: hidden; padding: 12px 0; border-bottom: 1px dashed #edeff5; }

.Top_content .item ul li span { float: left; width: 16px; height: 16px; line-height: 16px; color: #fff; text-align: center; display: block; margin: 3px 15px 0 0; font-family: 'SimSun'; font-size: 12px; }

.Top_content .item ul li .title { display: block; float: left; width: 260px; overflow: hidden; height: 22px; line-height: 22px; font-size: 14px; color: #2e2e2e; }

.Top_content .item ul li .info { display: none; overflow: hidden; float: left; }

.Top_content .item ul li .info .img { float: left; display: block; margin-right: 10px; }

.Top_content .item ul li .info .img, .Top_content .item ul li .info .img img { width: 67px; height: 67px; border-radius: 12px; }

.Top_content .item ul li .info .bt { display: block; width: 190px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #2e2e2e; margin-top: 6px; }

.Top_content .item ul li .info .bt:hover { color: #0281ff; }

.Top_content .item ul li .info p { height: 20px; line-height: 20px; float: left; font-size: 12px; color: #9e9e9e; margin-top: 16px; }

.Top_content .item ul li .info p i { color: #ff4c4c; margin: 0 5px; position: relative; display: inline-block; }

.Top_content .item ul li .info p i::after { display: inline-block; content: ''; background: url(../img/img_icon.png) no-repeat; height: 14px; width: 12px; background-position: 0 -16px; margin: 0 4px -1px; }

.Top_content .item ul li .info p i::before { display: inline-block; content: ''; width: 2px; height: 6px; background: #d5d5d5; margin-right: 5px; }

.Top_content .item ul li .downl_ico { float: right; display: block; background: url(../img/img_icon.png) no-repeat; height: 16px; width: 16px; background-position: 0 -46px; margin-top: 3px; }

.Top_content .item ul li.on .title { display: none; }

.Top_content .item ul li.on span { height: 32px; line-height: 32px; margin-top: 17px; }

.Top_content .item ul li.on .info { display: block; }

.Top_content .item ul li.on .downl_ico { margin-top: 26px; background-position: 0 -62px; }

.Top_content .item .more { display: block; margin: 10px auto; background: #f2f2f2; height: 36px; line-height: 36px; width: 320px; text-align: center; font-size: 14px; color: #333; }

.Top_content .item .more:hover { opacity: .8; }

.Top_content .all .label { background: -webkit-linear-gradient(to right, #ff7f7f 0%, #ff6666 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f7f', endColorstr='#ff6666',GradientType=1 ) !important; background: linear-gradient(to right, #ab6969 0%, #ff6666 100%) !important; }

.Top_content .all ul li span { background: #ff4c4c; border: 1px solid #ff4c4c; }

.Top_content .all ul li + li span { background: #ff7f7f; border: 1px solid #ff7f7f; }

.Top_content .all ul li + li + li span { background: #ffb2b2; border: 1px solid #ffb2b2; }

.Top_content .all ul li + li + li + li span { background: #fff; border: 1px solid #f2c2c2; color: #f2c2c2; }

.Top_content .az { margin: 30px 40px 0; }

.Top_content .az .label { background: -webkit-linear-gradient(to right, #66cc77 0%, #52cc66 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc77', endColorstr='#52cc66',GradientType=1 ) !important; background: linear-gradient(to right, #587b5e 0%, #52cc66 100%) !important; }

.Top_content .az ul li span { background: #36b34a; border: 1px solid #36b34a; }

.Top_content .az ul li + li span { background: #57d96c; border: 1px solid #57d96c; }

.Top_content .az ul li + li + li span { background: #98d9a3; border: 1px solid #98d9a3; }

.Top_content .az ul li + li + li + li span { background: #fff; border: 1px solid #b8debf; color: #b8debf; }

.Top_content .ios .label { background: -webkit-linear-gradient(to right, #3399ff 0%, #0281ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#0281ff',GradientType=1 ) !important; background: linear-gradient(to right, #556e88 0%, #0281ff 100%) !important; }

.Top_content .ios ul li span { background: #0180ff; border: 1px solid #0180ff; }

.Top_content .ios ul li + li span { background: #4ca6ff; border: 1px solid #4ca6ff; }

.Top_content .ios ul li + li + li span { background: #b2d9ff; border: 1px solid #b2d9ff; }

.Top_content .ios ul li + li + li + li span { background: #fff; border: 1px solid #a3b9cc; color: #a3b9cc; }



.details_wrap { background: #fff; padding: 20px; overflow: hidden; }

.details_wrap .Top_desc { width: 100%; background: #fafafa; }

.details_wrap .Top_desc h1 { width: 100%; text-align: center; height: 23px; overflow: hidden; line-height: 23px; font-size: 20px; color: #333; margin: 20px 0 10px; float: left; }

.details_wrap .Top_desc p { font-size: 14px; color: #666; line-height: 24px; padding: 0 20px 20px; margin-bottom: 20px; }

.details_wrap .itemC { overflow: hidden; width: 100%; }

.details_wrap .itemC li { width: 100%; overflow: hidden; height: 100px; padding: 30px 0; border-bottom: 1px dashed #edeff5; }

.details_wrap .itemC li span { float: left; display: block; width: 42px; height: 48px; background: url(../img/img_icon2.png) no-repeat; background-position: 0 -32px; text-align: center; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; margin: 38px 18px 0 0; }

.details_wrap .itemC li .num1 { background-position: 0 -80px; }

.details_wrap .itemC li .num2 { background-position: 0 -128px; }

.details_wrap .itemC li .num3 { background-position: 0 -176px; }

.details_wrap .itemC li .img { display: block; float: left; margin-right: 25px; }

.details_wrap .itemC li .img, .details_wrap .itemC li .img img { width: 100px; height: 100px; border-radius: 20px; }

.details_wrap .itemC li .info { overflow: hidden; width: 500px; height: 100px; float: left; }

.details_wrap .itemC li .info .bt { display: block; width: 100%; font-size: 22px; line-height: 34px; height: 34px; overflow: hidden; color: #444; }

.details_wrap .itemC li .info p { font-size: 14px; color: #9e9e9e; line-height: 20px; margin: 5px auto; }

.details_wrap .itemC li .info p i { display: inline-block; color: #ff4c4c; margin-left: 6px; }

.details_wrap .itemC li .info p i::after { display: inline-block; content: ''; background: url(../img/img_icon.png) no-repeat; height: 14px; width: 12px; background-position: 0 -16px; margin: 0 4px -1px; }

.details_wrap .itemC li .info p i::before { display: inline-block; content: ''; width: 1px; height: 8px; background: #d5d5d5; margin-right: 5px; margin-bottom: 1px; }

.details_wrap .itemC li .info .tags { width: 100%; height: 24px; margin-top: 15px; }

.details_wrap .itemC li .info .tags a { float: left; height: 24px; line-height: 24px; padding: 0 12px; background: #eee; color: #666; display: block; border-radius: 3px; margin-right: 10px; font-size: 12px; }

.details_wrap .itemC li .info .tags a:hover { opacity: 0.8; }

.details_wrap .itemC li .downl { display: block; float: right; background: url(../img/img_icon2.png) no-repeat; height: 32px; width: 32px; background-position: 0 0; margin-top: 30px; }

.details_wrap .itemC li .downl:hover { opacity: 0.8; }



.r_item .itemD { width: 340px; overflow: hidden; }

.r_item .itemD a:last-child { margin: 0; }

.r_item .itemD a { display: block; float: left; margin-bottom: 20px; }

.r_item .itemD a, .r_item .itemD a img { width: 320px; height: 186px; border-radius: 6px; }

.r_item .itemD a img { transition: all .2s linear; -webkit-transition: all .2s linear; }

.r_item .itemD a:hover img { opacity: 0.8; }

.r_item .itemE { overflow: hidden; width: 100%; }

.r_item .itemE span { width: 100%; font-size: 20px; font-weight: bold; color: #333; display: block; line-height: 25px; }

.r_item .itemE a { display: block; float: left; height: 36px; line-height: 36px; padding: 0 12px; background: #eee; border-radius: 3px; margin: 20px 20px 0 0; font-size: 12px; color: #666;}

.r_item .itemE a:hover { background: #b2d9ff; color: #fff; }