.downl_wrap { width: 100%; overflow: hidden; }

.downl_wrap .downl_L { width: 180px; overflow: hidden; background: #fff; text-align: center; margin-right: 40px; }

.downl_wrap .downl_L span { width: 100%; height: 60px; line-height: 60px; font-size: 20px; color: #333; display: block; }

.downl_wrap .downl_L span u { display: inline-block; background: url(../img/img_icon3.png) no-repeat; height: 31px; width: 31px; background-position: 0 -287px; margin: 0 10px 3px 0; vertical-align: middle; }

.downl_wrap .downl_L a { display: inline-block; height: 40px; width: 100%; line-height: 40px; font-size: 15px; color: #666; position: relative; background: #fff; transition: all .15s linear; -webkit-transition: all .15s linear; }

.downl_wrap .downl_L a i { display: none; background: url(../img/img_icon3.png) no-repeat; height: 40px; width: 10px; background-position: 0 0; position: absolute; left: 0; top: 0; }

.downl_wrap .downl_L a.on, .downl_wrap .downl_L a:hover { background: #ebf5ff; color: #3399ff; }

.downl_wrap .downl_L a.on i, .downl_wrap .downl_L a:hover i { display: block; }

.downl_wrap .downl_R { width: 980px; overflow: hidden; }

.downl_wrap .downl_R .downl_tags { background: #fff; width: 100%; overflow: hidden; }

.downl_wrap .downl_R .downl_tags ul { overflow: hidden; margin: 15px 0 15px 20px; float: left; width: 810px; height: 30px; }

.downl_wrap .downl_R .downl_tags ul li a { font-size: 14px; color: #333; padding: 0 15px; margin: 0 5px 5px 0; display: block; float: left; height: 30px; line-height: 30px; }

.downl_wrap .downl_R .downl_tags ul li a.on, .downl_wrap .downl_R .downl_tags ul li a:hover { background: #0281ff; border-radius: 3px; color: #fff; }

.downl_wrap .downl_R .downl_tags .downl_tab { width: 140px; }

.downl_wrap .downl_R .downl_tags .downl_tab a { display: block; float: left; width: 70px; height: 64px; text-align: center; }

.downl_wrap .downl_R .downl_tags .downl_tab a i { background: url(../img/img_icon3.png) no-repeat; display: block; margin: 8px auto 4px; font-size: 14px; }

.downl_wrap .downl_R .downl_tags .downl_tab .on, .downl_wrap .downl_R .downl_tags .downl_tab a:hover { background: #eee; }

.downl_wrap .downl_R .downl_tags .downl_tab .new { color: #59acff; }

.downl_wrap .downl_R .downl_tags .downl_tab .new i { height: 24px; width: 18px; background-position: 0 -80px; }

.downl_wrap .downl_R .downl_tags .downl_tab .hot { color: #ff7f7f; }

.downl_wrap .downl_R .downl_tags .downl_tab .hot i { height: 23px; width: 24px; background-position: 0 -240px; }

.downl_wrap .downl_R .downl_item { width: 100%; background: #fff; margin-top: 30px; padding: 1px 0; overflow: hidden; }

.downl_wrap .downl_R .downl_item ul { width: 100%; overflow: hidden; margin-left: 1px; }

.downl_wrap .downl_R .downl_item ul li { float: left; width: 244px; height: 330px; border-bottom: 1px solid #edeff5; border-right: 1px solid #edeff5; transition: all .15s linear; -webkit-transition: all .15s linear; text-align: center; font-size: 14px; }

.downl_wrap .downl_R .downl_item ul li:hover { background: #fbfbfb; }

.downl_wrap .downl_R .downl_item ul li img { width: 120px; height: 120px; border-radius: 20px; display: block; margin: 30px auto 15px; }

.downl_wrap .downl_R .downl_item ul li span, .downl_wrap .downl_R .downl_item ul li i { display: block; width: 100%; }

.downl_wrap .downl_R .downl_item ul li i { color: #565656; line-height: 20px; font-size: 12px;}

.downl_wrap .downl_R .downl_item ul li span { color: #555; line-height: 20px;font-size: 12px }

.downl_wrap .downl_R .downl_item ul li .bt { display: block; font-size: 16px; color: #555; line-height: 25px; margin-top: 10px; }

.downl_wrap .downl_R .downl_item ul li .bt:hover { color: #ff4c4c; }

.downl_wrap .downl_R .downl_item ul li .downl { display: block; width: 118px; height: 38px; border: 1px solid #b2d9ff; border-radius: 4px; text-align: center; line-height: 38px; color: #0281ff; font-size: 14px; font-weight: bold; margin: 20px auto 0; }

.downl_wrap .downl_R .downl_item ul li .downl:hover { background: #0281ff; color: #fff; }



#page { margin: 30px auto; }



.downl_details { padding: 30px 0; background: #fff; display: table; width: 100%; margin-bottom: 30px; }

.downl_details .details_info { width: 900px; overflow: hidden; margin-left: 20px; }

.downl_details .details_info .img { width: 137px; height: 137px; border-radius: 20px; margin-right: 20px; float: left; }

.downl_details .details_info .info { width: 740px; overflow: hidden; float: left; }

.downl_details .details_info .info .bt{width:100%}

.downl_details .details_info .info .bt h1 { max-width: 600px; overflow: hidden; height: 25px; line-height: 25px; font-size: 22px; color: #000; font-weight: normal; float: left; margin-right: 10px; }

.downl_details .details_info .info .bt a { display: inline-block; width: 52px; line-height: 24px; height: 24px; border-radius: 3px; text-align: center; font-size: 12px; font-weight: bold; margin: 0 5px; }

.downl_details .details_info .info .bt .zq { background: #e5f2ff; color: #0281ff; }

.downl_details .details_info .info .bt .lb { background: #ffebeb; color: #ff4c4c; }

.downl_details .details_info .info ul {width: 615px;overflow: hidden;float: left;margin-top: 10px;}

.downl_details .details_info .info ul li {float: left;width: 200px;line-height: 30px;font-size: 14px;color: #666;height: 30px;/* overflow: hidden; */white-space:  nowrap;margin-right: 5px;}

.downl_details .details_info .info ul li span { color: #9e9e9e; float: left; }

.downl_details .details_info .info ul li .start { margin-top: 10px; }

.downl_details .details_info .info .upload { font-size: 14px; float: left; color: #555; margin-top: 44px; }

.downl_details .details_info .info .tags { width: 100%; float: left; overflow: hidden; margin-top: 18px; }

.downl_details .details_info .info .tags a { float: left; height: 24px; line-height: 24px; font-size: 12px; color: #666; margin-right: 10px; padding: 0 8px; background: #eee; border-radius: 3px; }

.downl_details .details_info .info .tags a:hover { background: #0281ff; color: #fff; }

.downl_details .downl { width: 208px; float: right; margin-right: 20px; position: relative; z-index: 2; }

.downl_details .downl .btn { width: 207px; height: 50px; background: #ddd; text-align: center; line-height: 50px; font-size: 16px; font-weight: bold; color: #565656; display: block; border-radius: 4px; margin: 10px 0; float: left; }

.downl_details .downl .btn .icon { height: 20px; width: 16px; background: url(../img/img_icon3.png) no-repeat; display: inline-block; vertical-align: middle; margin-bottom: 4px; }

.downl_details .downl .btn .ewm { width: 46px; height: 30px; border-left: 1px solid #fff; float: right; margin: 10px 10px 0 0; position: relative; }

.downl_details .downl .btn .ewm u { background: url(../img/img_icon3.png) no-repeat; display: block; height: 24px; width: 24px; background-position: 0 -263px; margin: 3px 0 0 15px; }

.downl_details .downl .btn .ewm:hover .ewmbox { display: block; }

.downl_details .downl .btn .ewm .ewmbox { display: none; position: absolute; top: -38px; left: -232px; width: 232px; height: 280px; background: url(../img/ewmbg2.png) no-repeat; }

.downl_details .downl .btn .ewm .ewmbox p { font-size: 12px; line-height: 20px; color: #565656; width: 220px; text-align: center; margin: 10px  0; }

.downl_details .downl .btn .ewm .ewmbox p i { color: #555; }

.downl_details .downl .btn .ewm .ewmbox .img { width: 175px; height: 175px; display: block; margin: 15px 0 10px 20px; }

.downl_details .downl .btn .ewm .ewmbox span { display: block; font-size: 14px; color: #565656; line-height: 40px; text-align: center; width: 220px; }

.downl_details .downl .az { background: #14cc8f; color: #fff; }

.downl_details .downl .az .icon { width: 17px; background-position: 0 -60px; }

.downl_details .downl .ios { background: #3399ff; color: #fff; }

.downl_details .downl .ios .icon { background-position: 0 -40px; }



.detail_L { overflow: hidden; width: 800px; min-height: 800px; margin-right: 40px; }

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

.detail_L .details_conten .hd_wrap { width: 100%; position: relative; height: 290px; }

.detail_L .details_conten .hd_wrap .sild_btn { width: 40px; height: 90px; position: absolute; z-index: 2; cursor: pointer; top: 105px; right: 0; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000, endColorstr=#99000000); }

.detail_L .details_conten .hd_wrap .sild_btn:hover { opacity: .8; }

.detail_L .details_conten .hd_wrap .sild_btn i { display: block; background: url(../img/img_icon3.png) no-repeat; height: 34px; width: 20px; background-position: 0 -206px; margin: 30px auto 0; }

.detail_L .details_conten .hd_wrap .next_btn { right: 0; }

.detail_L .details_conten .hd_wrap .next_btn i { background-position: 0 -138px; }

.detail_L .details_conten .hd_wrap .next_btn:hover i { background-position: 0 -104px; }

.detail_L .details_conten .hd_wrap .prve_btn { left: 0; }

.detail_L .details_conten .hd_wrap .prve_btn:hover i { background-position: 0 -172px; }

.detail_L .details_conten .hd_wrap .pics { position: relative; overflow: hidden; white-space: nowrap; font-size: 0; }

.detail_L .details_conten .hd_wrap .pics p:last-child { margin: 0; }

.detail_L .details_conten .hd_wrap .pics p { display: inline-block; height: 290px; margin-right: 20px; }

.detail_L .details_conten .hd_wrap .pics p img { max-width: 740px; height: 290px; }

.detail_L .details_conten .desc_wrap { width: 100%; overflow: hidden; margin-top: 25px; }

.detail_L .details_conten .desc_wrap .title { font-size: 20px; color: #333; font-size: 20px; line-height: 36px; font-weight: bold; }

.detail_L .details_conten .desc_wrap .cont {line-height: 30px;font-size: 15px;color: #333;}

.detail_L .details_conten .desc_wrap .cont p {width: 100%;float: left;margin: 10px auto 0;}

.detail_L .details_conten .desc_wrap .cont p img {max-width: 75%}

.detail_L .details_conten .desc_wrap .cont h3 {width: 100%;height: 16px;line-height: 16px;overflow: hidden;color: #ff4c4c;font-size: 16px;text-indent: 10px;border-left: 6px solid #ff4c4c;margin: 10px 0 0;display: inline-block;float: left;}

.detail_L .list_wrap { width: 760px; padding: 20px; background: #fff; overflow: hidden; margin-top: 30px; }

.detail_L .list_wrap .item_bb { width: 100%; overflow: hidden; border-bottom: 1px dashed #edeff5; margin-bottom: 10px; }

.detail_L .list_wrap .item_bb li { width: 50%; height: 60px; float: left; margin: 10px 0 20px; }

.detail_L .list_wrap .item_bb li .img { margin-right: 20px; display: block; float: left; }

.detail_L .list_wrap .item_bb li .img, .detail_L .list_wrap .item_bb li .img img { width: 60px; height: 60px; border-radius: 12px; }

.detail_L .list_wrap .item_bb li .bt { display: block; width: 290px; height: 22px; overflow: hidden; line-height: 22px; font-size: 16px; color: #333; margin-top: 4px; }

.detail_L .list_wrap .item_bb li .bt:hover { color: #ff4c4c; }

.detail_L .list_wrap .item_bb li .start { margin-top: 18px; }

.detail_L .list_wrap .item_lb { width: 100%; overflow: hidden; border-bottom: 1px dashed #edeff5; margin-bottom: 10px; }

.detail_L .list_wrap .item_lb li { width: 100%; height: 60px; float: left; margin: 10px 0 20px; }

.detail_L .list_wrap .item_lb li .img { margin-right: 20px; display: block; float: left; }

.detail_L .list_wrap .item_lb li .img, .detail_L .list_wrap .item_lb li .img img { width: 60px; height: 60px; border-radius: 12px; }

.detail_L .list_wrap .item_lb li .info { float: left; width: 550px; height: 60px; }

.detail_L .list_wrap .item_lb li .info .bt { font-size: 16px; color: #333; height: 24px; line-height: 24px; overflow: hidden; display: block; }

.detail_L .list_wrap .item_lb li .info .bt:hover { color: #0281ff; }

.detail_L .list_wrap .item_lb li .info p { font-size: 14px; color: #565656; height: 22px; line-height: 22px; width: 100%; overflow: hidden; margin-top: 14px; }

.detail_L .list_wrap .item_lb li .lq { float: right; width: 64px; height: 38px; display: block; width: 106px; height: 38px; border: 1px solid #b2d9ff; background: #fff; text-align: center; line-height: 38px; border-radius: 6px; color: #3399ff; }

.detail_L .list_wrap .item_lb li .lq:hover { background: #3399ff; color: #fff; }

.detail_L .list_wrap .item_tj { overflow: hidden; width: 880px; border-bottom: 1px dashed #edeff5; margin: 10px auto; }

.detail_L .list_wrap .item_tj a { display: block; float: left; width: 100px; height: 190px; margin-right: 64px; margin-bottom: 20px; }

.detail_L .list_wrap .item_tj a img { width: 100px; height: 100px; border-radius: 20px; }

.detail_L .list_wrap .item_tj a p { text-align: center; height: 40px; line-height: 40px; font-size: 15px; color: #565656; width: 100%; overflow: hidden; }

.detail_L .list_wrap .item_tj a span { display: block; width: 98px; height: 38px; border-radius: 6px; margin: 10px auto 0; color: #0281ff; font-size: 14px; font-weight: bold; text-align: center; line-height: 38px; border: 1px solid #b2d9ff; }

.detail_L .list_wrap .item_tj a span:hover { background: #0281ff; color: #fff  !important; }

.detail_L .list_wrap .item_new { overflow: hidden; width: 100%; padding-bottom: 15px; font-size: 16px; line-height: 40px; }

.detail_L .list_wrap .item_new a { float: left; height: 40px; line-height: 40px; color: #666; width: 630px; display: block; overflow: hidden; }

.detail_L .list_wrap .item_new a:hover { color: #ff4c4c; }

.detail_L .list_wrap .item_new span { float: right; line-height: 40px; font-size: 15px; color: #565656; }



.detail_R { overflow: hidden; width: 360px; }



.QZtitle { border: none; margin-top: 0; }

.QZtitle span, .QZtitle h2 { border: none; }