.maincont { padding: 34px 10px 0 10px; } .maincont005 { padding: 0 10px; } .maincont005 ul { overflow: hidden; padding-bottom: 10px; } .maincont005 ul li { float: left; width: 48.5%; margin-top: 10px; overflow: hidden; } .maincont005 ul li:nth-child(2n) { float: right; width: 48.5%; margin-top: 10px; overflow: hidden; } .maincont005 ul li i { display: block; height: 96px; width: 100%; } @media screen and (min-width:360px)and (max-width:374px) { .maincont005 ul li i { display: block; height: 108px; width: 100%; } } @media screen and (min-width:375px)and (max-width:413px) { .maincont005 ul li i { display: block; height: 112px; width: 100%; } } @media screen and (min-width:414px) { .maincont005 ul li i { display: block; height: 126px; width: 100%; } } .maincont005 ul li i img { border-radius: 4px; height: 100%; width: 100%; } .ad_ctn h5 { font-size:14px; color:#333; text-align:center; height:40px; line-height:40px; } .ad_ctn p { font-size:12px; color:#666; line-height:24px; } .maincont001 { padding: 0 10px; } .maincont001 ul { overflow: hidden; padding-bottom: 10px; } .maincont001 ul li { display: block; margin-top: 10px; overflow: hidden; } .maincont001 ul li i { display: block; height: 130px; width: 100%; } @media screen and (min-width:360px)and (max-width:374px) { .maincont001 ul li i { display: block; height: 150px; width: 100%; } } @media screen and (min-width:375px)and (max-width:413px) { .maincont001 ul li i { display: block; height: 155px; width: 100%; } } @media screen and (min-width:414px) { .maincont001 ul li i { display: block; height: 170px; width: 100%; } } .maincont001 ul li i img { height: 100%; width: 100%; border-radius: 4px; } .maincont002 { padding: 0 10px !important; } .maincont002 ul { overflow: hidden !important; padding-bottom: 10px !important; } .maincont002 ul li { display: block !important; width: 100% !important; margin-top: 10px !important; overflow: hidden !important; } .maincont002 ul li i { display: block !important; height: 130px !important; width: 100% !important; } @media screen and (min-width:360px)and (max-width:374px) { .maincont002 ul li i { display: block !important; height: 150px !important; width: 100% !important; } } @media screen and (min-width:375px)and (max-width:413px) { .maincont002 ul li i { display: block !important; height: 155px !important; width: 100% !important; } } @media screen and (min-width:414px) { .maincont002 ul li i { display: block !important; height: 170px !important; width: 100% !important; } } .maincont002 ul li i img { height: 100% !important; width: 100% !important; border-radius: 4px !important; } .maincont ul { overflow: hidden; padding-bottom: 10px; } .maincont ul li { float: left; width: 48.5%; margin-top: 10px; overflow: hidden; } .maincont ul li:nth-child(2n) { float: right; width: 48.5%; margin-top: 10px; overflow: hidden; } .maincont ul li i { display: block; height: 96px; width: 100%; } @media screen and (min-width:360px)and (max-width:374px) { .maincont ul li i { display: block; height: 108px; width: 100%; } } @media screen and (min-width:375px)and (max-width:413px) { .maincont ul li i { display: block; height: 112px; width: 100%; } } @media screen and (min-width:414px) { .maincont ul li i { display: block; height: 126px; width: 100%; } } .maincont ul li i img { border-radius: 4px; height: 100%; width: 100%; } .news { line-height: 22px; color: #ff8484; background: #fff; padding: 5px 10px; position: fixed; top: 0; left: 0; width: 100%; } .sortcont { } .sortcont ul { overflow: hidden; background: #fff; } .sortcont ul li { display: block; padding: 10px; overflow: hidden; border-bottom: 1px solid #e8e8e8; } .sortcont ul li a { display: block; overflow: hidden; } .sortcont ul li i { float: left; height: 90px; width: 90px; } .sortcont ul li i img { height: 100%; width: 100%; border-radius: 4px; } .sortbrief { float: left; width: 70%; padding-left: 10px; } .sortbrief h5 { font-size: 14px; color: #222; padding-top: 10px; } .sortbrief cite { display: block; font-size: 12px; color: #f05e62; margin: 6px 0; } .sortbrief span { display: block; font-size: 12px; color: #999; } .details { } .details_title i { display: block; height: 160px; width: 100%; } @media screen and (min-width:360px)and (max-width:374px) { .details_title i { display: block; height: 170px; width: 100%; } } @media screen and (min-width:375px)and (max-width:413px) { .details_title i { display: block; height: 180px; width: 100%; } } @media screen and (min-width:414px) { .details_title i { display: block; height: 200px; width: 100%; } } .details_title i img { height: 100%; width: 100%; } .details_title h5 { padding: 10px; overflow: hidden; } .details_title h5 cite { float: left; font-size: 14px; color: #333; } .details_title h5 em { float: right; font-size: 12px; color: #666; } .details_title span { display: block; font-size: 12px; color: #f05e62; padding: 0 10px 6px 10px; } .details_cont { padding: 0 10px; overflow: hidden; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .details_describe { font-size: 12px; padding: 5px 0; overflow: hidden; } .details_describe cite { float: left; color: #333; } .details_describe span { float: left; color: #f05e62; } .details_text { padding: 5px 10px; } .details_text cite { display: block; font-size: 12px; color: #333; } .details_text p { font-size: 12px; color: #999; text-align:justify; text-justify:inter-ideograph; text-indent: 2em; }