.content { background: none; }

body { background: #f8f8f8; }
a{color:#333;}
.Min_L { width: 200px; text-align: center; }
.Min_L .list { background: #fff; width: 100%; margin-bottom: 20px; }
.Min_L .list span { display: block; height: 45px; line-height: 45px; font-size: 18px; font-weight: bold; color: #333; display: block; overflow: hidden; }
.Min_L .list a { width: 100%; height: 45px; line-height: 45px; font-size: 14px; font-weight: normal; color: #333; display: block; overflow: hidden; transition: color 300ms ease 0s, background-color 300ms ease 0s; }
.Min_L .list a.on, .Min_L .list a:hover { color: #fff; background: #63B73D; }

.Min_R { background: #fff; width: 975px; padding-bottom: 15px; }
.Min_R .r_head { height: 45px; border-bottom: 1px solid #797979; }
.Min_R .r_head > span { float: left; line-height: 45px; font-size: 18px; font-weight: bold; color: #333; display: block; overflow: hidden; padding: 0 15px; }
.Min_R .r_head .linktab { line-height: 43px; }
.Min_R .r_head .linktab a { margin-left: 15px; padding: 0 10px; height: 43px; line-height: 43px; display: inline-block; font-size: 16px; border-bottom: 2px solid #fff; }
.Min_R .r_head .linktab a.on, .Min_R .r_head .linktab a:hover { color: #63B73D; border-color: #63B73D; }
.Min_R ul.list { overflow: hidden; width: 105%; }
.Min_R ul.list li { float: left; height: 208px; width: 182px; background: white; border-radius: 8px; text-align: center; padding: 28px 0 0; font-size: 16px; color: #333333; margin: 0 16px 0 0; }
.Min_R ul.list li img { width: 124px; height: 124px; border-radius: 15px; }
.Min_R ul.list li p { height: 28px; line-height: 28px; font-size: 12px; color: #999; overflow: hidden; margin: 0 10px; }
.Min_R ul.list li p a { font-size: 14px; }
.Min_R ul.list p span { display: inline-block; font-size: 12px; color: #999999; margin: 0 8px; cursor: default; }
.Min_R ul.list li .score { font-size: 14px; font-weight: bold; color: #ffaf0f; cursor: default; }

.details_wrap { overflow: hidden; }
.details_wrap .details_info { width: 100%; height: 230px; margin-bottom: 15px; background: #fff; }
.details_wrap .details_info .img { float: left; margin: 30px 25px; }
.details_wrap .details_info .img, .details_wrap .details_info .img img { width: 167px; height: 167px; border-radius: 6px; }
.details_wrap .details_info .info { width: 560px; height: 167px; margin-top: 30px; }
.details_wrap .details_info .info .title { font-size: 28px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; color: #333333; display: inline-block; width: 100%; margin-top: 4px; margin-left: 0px; }
.details_wrap .details_info .info .list { width: 100%; height: 60px; margin: 8px 0; }
.details_wrap .details_info .info .list li { height: 29px; line-height: 29px; overflow: hidden; width: 33.3%; float: left; color: #666; }
.details_wrap .details_info .info > p { width: 100%; height: 25px; line-height: 25px; overflow: hidden; color: #666; }
.details_wrap .details_info .info .downl_btn { width: 100%; }
.details_wrap .details_info .info .downl_btn a { float: left; margin-right: 25px; margin-top: 8px; border-radius: 6px; text-align: center; background: #63B73D; height: 40px; line-height: 40px; width: 180px; color: #fff; }
.details_wrap .details_info .info .downl_btn a:hover { opacity: .8; }
.details_wrap .details_info .info .downl_btn a i { display: inline-block; width: 20px; height: 20px; background: url(../images/icon_pt.png) no-repeat; margin: 0 2px -5px 0; }
.details_wrap .details_info .info .downl_btn .ios { background: #4C5674; }
.details_wrap .details_info .info .downl_btn .ios i { background-position: 0 -24px; margin-bottom: -4px; }
.details_wrap .details_info .grade { margin: 25px; }
.details_wrap .details_info .grade .star-bar { position: relative; text-align: center; height: 16px; width: 90px; display: inline-block; *display: inline; *zoom: 1; }
.details_wrap .details_info .grade .star-bar.no-score { margin: 10px 0; }
.details_wrap .details_info .grade .star-bar span { background: url("../images/star_bar.png"); display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 0; left: 0; }
.details_wrap .details_info .grade .star-bar-d { height: 16px; width: 90px; background-position: 0 -41px !important; }
.details_wrap .details_info .grade .star-bar-a { height: 16px; width: 90px; background-position: 0 -57px !important; }
.details_wrap .details_info .grade .card { background: url("../images/grade_bg.png") center no-repeat; background-size: 100% 100%; display: inline-block; *display: inline; *zoom: 1; height: 106px; width: 142px; text-align: center; padding: 15px 0 11px; font-size: 14px; color: #666666; margin-bottom: 10px; }
.details_wrap .details_info .grade .card p { margin: 3px 0; }
.details_wrap .details_info .grade .card .score { font-size: 32px; font-weight: bold; color: #333333; }
.details_wrap .details_info .share-list a { display: inline-block; *display: inline; *zoom: 1; float: none; font-size: 12px; padding-left: 0; line-height: 30px; height: 30px; cursor: pointer; margin: 0 5px 0 0; background: url("../images/all.png") center no-repeat; }
.details_wrap .details_info .share a.wechat { height: 30px; width: 30px; background-position: -370px 0; }
.details_wrap .details_info .share a.qq { height: 30px; width: 30px; background-position: -400px 0; }
.details_wrap .details_info .share a.wb { height: 30px; width: 30px; background-position: -460px 0; }
.details_wrap .details_info .share a.qq_zone { height: 30px; width: 30px; background-position: -490px 0; }
.details_wrap .details_info .d_head_r { float: right; width: 200px; margin-top: 25px; }
.details_wrap .details_info .d_head_r span { display: block; text-align: center; font-size: 14px; color: #869cb8; line-height: 14px; height: 14px; margin-bottom: 10px; overflow: hidden; }
.details_wrap .details_info .d_head_r .down-andriod { margin: 0 auto; width: 150px; height: 150px; overflow: hidden; background: #eee; }
.details_wrap .details_info .d_head_r .down-andriod canvas,.details_wrap .details_info .d_head_r .down-andriod img { display: block; width: 150px; height: 150px; margin: 0 auto; }
.details_wrap .cont_L { width: 820px; background: #fff; }
.details_wrap .cont_L .title { border-bottom: 1px solid #eee; height: 36px; line-height: 36px; }
.details_wrap .cont_L .title span { display: block; float: left; height: 35px; border-bottom: 1px solid #63B73D; color: #63B73D; padding: 0 15px; font-size: 16px; margin-left: 15px; font-weight: bold; }
.details_wrap .cont_L .infodiv { margin: 15px; font-size: 14px; color: #666; line-height: 26px; }
.details_wrap .cont_L .infodiv h3 { border-left: 3px solid #63B73D; text-indent: 12px; margin: 8px 0; font-size: 16px; height: 24px; line-height: 24px; }
.details_wrap .cont_R { width: 360px; background: #fff; }
.details_wrap .cont_R .r_title { width: 100%; }
.details_wrap .cont_R .r_title span { float: left; line-height: 45px; font-size: 18px; font-weight: bold; color: #333; display: block; overflow: hidden; padding: 0 15px; }

.snapShotWrap { width: 750px; overflow: hidden; position: relative; margin: 20px auto; }

#shotNext { top: 0; right: 0; }

#shotPrev { top: 0; left: 0; }

.snap-shot-btn { position: absolute; width: 50%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); z-index: 3; }

#shotNext i { background-position: -239px -67px; right: 20px; }

#shotPrev i { background-position: -199px -67px; left: 20px; }

#shotNext:hover i { background-position: -239px -147px; }

#shotPrev:hover i { background-position: -199px -147px; }

.snap-shot-btn i { background: url(../images/icon.png) no-repeat; position: absolute; width: 18px; height: 32px; top: 50%; margin: -16px 0 0 0; }

.snapShotCont { width: 840px; position: relative; overflow: hidden; }

.snopshot { position: absolute; overflow: hidden; zoom: 1; text-align: center; }

.snapShotCont img { position: relative; width: 100%; height: auto; }

.elementOverlay { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); }

.elementOverlays { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }

.rel-zt-tit { height: 43px; border-bottom: 1px solid #ddd; position: relative; padding-left: 110px; }

.rel-zt-tit h3 { position: absolute; left: 0; bottom: -1px; width: 110px; height: 44px; line-height: 44px; background: #863ff1; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; color: #fff; font-size: 16px; font-weight: normal; }

.rel-zt-tit .hd a { height: 30px; line-height: 30px; display: inline-block; text-align: center; padding: 0 12px; font-size: 14px; color: #666; background: #f3f3f3; border-radius: 5px; margin: 7px 0 0 23px; }

.rel-zt-tit .hd a.active { background: #63B73D; color: #fff; }

.rel-zt-top img { width: 220px; height: 110px; border-radius: 10px; float: left; object-fit: cover;}

.rel-zt-top .cont { padding-left: 240px; height: 110px; }

.rel-zt-top h3 { height: 50px; line-height: 50px; overflow: hidden; font-size: 20px; }

.rel-zt-top p { line-height: 24px; height: 48px; overflow: hidden; color: #999; }

.rel-zt-ul, .rel-zt-con { overflow: hidden; margin: 15px auto; }

.rel-zt-ul li { width: 240px; float: left; padding: 12px 30px 12px 0; }

.rel-zt-ul li a.pic { width: 70px; height: 70px; display: inline-block; float: left; margin-right: 10px; }

.rel-zt-ul li img { width: 70px; height: 70px; display: block; border-radius: 10px; }

.rel-zt-ul li h3 { max-height: 23px; line-height: 23px; font-size: 14px; overflow: hidden; }

.rel-zt-ul li p { color: #999; font-size: 12px; overflow: hidden; height: 20px; line-height: 20px; margin-top: 3px; }

.rel-zt-ul li p i { padding: 0 5px; }

.rank { overflow: hidden; width: 100%; font-size: 12px; color: #999999; margin: 10px 0 0; }
.rank li { margin-bottom: 20px; }
.rank li .downlbtn { float: right; display: block; width: 60px; height: 28px; line-height: 28px; text-align: center; background: #63B73D; color: #fff; margin: 25px 9px 5px 0; }
.rank li .downlbtn:hover { opacity: 0.8; }
.rank .img { vertical-align: -8px; margin: 0 18px; cursor: pointer; }
.rank .img, .rank .img img { width: 84px; height: 84px; border-radius: 12px; }
.rank .num { vertical-align: 25px; color: black; display: inline-block; *display: inline; *zoom: 1; width: 20px; text-align: center; font-size: 14px; }
.rank em { color: #ffaf0f; }
.rank .tip em { margin-right: 21px; }
.rank .des { display: inline-block; *display: inline; *zoom: 1; width: 170px; color: #999999; min-height: 84px; vertical-align: top; }
.rank .des .top { font-size: 16px; color: black; height: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; }
.rank .des .top:hover a { color: #63B73D; }
.rank .des .tag { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 28px; line-height: 28px; cursor: default; margin-top: 5px; }
.rank .des .tip { min-height: 28px; cursor: default; }
.rank .tag label { margin-right: 15px; }
.rank .hot-re label { display: inline-block; *display: inline; *zoom: 1; height: 40px; min-width: 40px; padding: 0 20px; background: url("../images/hot_re_bg.png") center no-repeat; background-size: 100% 100%; line-height: 40px; text-align: center; margin-right: 10px; margin-bottom: 20px; cursor: pointer; font-size: 14px; }

.phbBox { width: 100%; overflow: hidden; }
.phbBox li { border-bottom: 1px solid #e8e7ed; }
.phbBox li:last-child { border: none; }
.phbBox li .tBox { padding: 10px 0; display: none; }
.phbBox li .fBox { padding: 13px 0; display: block;     overflow: hidden;}
.phbBox li .num, .phbBox .phbBox li .imgBox, .phbBox .phbBox li .info, .phbBox .phbBox li p.name { display: block; float: left; }
.phbBox li .num { width: 25px; height: 25px; line-height: 25px; text-align: center; background: #aaa; color: #fff; margin: 0 15px; border-radius: 4px; }
.phbBox li .tBox .num { height: 80px; line-height: 80px; }
.phbBox li .num1 { background: #e13d3d; }
.phbBox li .num2 { background: #ed9249; }
.phbBox li .num3 { background: #ffb230; }
.phbBox li .imgBox { margin-right: 10px; float: left; }
.phbBox li .imgBox, .phbBox li .imgBox img { width: 80px; height: 80px; border-radius: 16px; }
.phbBox li .info { width: 200px; float: left; }
.phbBox li .info .name { color: #666; display: block; height: 21px; line-height: 21px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phbBox li .info p { display: block; margin: 5px 0; font-size: 12px; }
.phbBox li .info .btn { display: block; width: 80px; height: 24px; line-height: 24px; text-align: center; border-radius: 2px; color: #fff; font-weight: 700; background: #63B73D; margin-top: 10px; }
.phbBox li .fBox .name { color: #666; width: 210px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.phbBox li.on .tBox { display: block;     overflow: hidden;}
.phbBox li.on .fBox { display: none; }
.phbBox li .info .name:hover { color: #63B73D; }
.grey{background: #aaa !important;}