123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- /*PC端**/
- @media screen and (min-width:768px) {
- body{background-color: #F5F5F5;}
- header{box-shadow: none;}
- table, td, th{border: none;}
- .baseHeadCenter .logo{ width: auto;height: 52px; margin-right: 20px;border-right: 1px solid #e1e1e1;box-sizing: border-box;padding-right:16px;}
- .baseHeadCenter .logo.none{border-right: none;}
- .baseHeadCenter.account .wrap{padding-top: 25px;}
- .baseHeadCenter.account{border-bottom: none;}
- .header-title{float: left;margin-left: 70px;}
- .header-title p{line-height: 50px;font-size: 24px;color: #333333;font-weight: bold;}
- .header-title span{line-height: 50px;font-size: 16px;color: #333333;font-weight: normal;}
- .chart-content{width: 1200px;margin: 0 auto;}
- .chart-content .chart-title{ width: 100%;float: left; line-height: 80px;font-size: 24px;color: #333333;font-weight: bold;}
- .chart-content .chart-title span{line-height: 80px;font-size: 16px;color: #333333;font-weight: normal;}
- .chart-content-text{ min-height: 100px;width: 100%;box-sizing: border-box;padding: 24px;background: #FFFFFF;float: left;margin-bottom: 16px; }
- .chart-content-text h1,.chart-content-text p{font-size: 14px;color: #666666;line-height: 28px;}
- .chart-content-main{width: 100%;height: auto;float: left;margin-bottom: 16px;}
- .chart-main-top{width: 100%;height: 520px; margin-top: 16px;box-sizing: border-box;padding: 57px;background: #FFFFFF;}
- .chart-main-top-title{ width: 100%;line-height: 40px;font-size: 24px;font-weight: bold;color: #333333;text-align: center;margin-bottom:30px;}
- .chart-main-top-main{ width: 100%;height: 324px; }
- .chart-main-top-left{width: 340px;height: 100%; float: left;}
- .chart-main-top-left-li{ width: 100%;height: 63px;float: left;box-sizing: border-box;border-left: 3px solid #FFFFFF;margin-bottom: 2px;}
- .chart-main-top-left-li .li-title{ float: left;line-height: 63px;font-size: 18px;font-weight: bold;color: #333333;box-sizing: border-box;padding: 0 10px;margin-right: 14px;text-align: center;}
- .chart-main-top-left-li .li-texts{ width: 240px;box-sizing: border-box;height: 63px;padding: 10px 0;float: left;}
- .chart-main-top-left-li .li-texts.min{width: 182px;}
- .chart-main-top-left-li .li-texts.none p{line-height: 43px;}
- .chart-main-top-left-li .li-texts p{ line-height: 22px;font-size: 14px;color: #666666;}
- .chart-main-top-left-li.a{border-color: #73C0DE;background: linear-gradient(89deg, #E1F6FE 0%, #FFFFFF 100%);}
- .chart-main-top-left-li.b{border-color: #EE6666;background: linear-gradient(88deg, #FFECEC 0%, #FFFFFF 100%);}
- .chart-main-top-left-li.c{border-color: #5470C6;background: linear-gradient(87deg, #E6ECFF 0%, #FFFFFF 100%);}
- .chart-main-top-left-li.d{border-color: #91CC75;background: linear-gradient(87deg, #EEFEE7 0%, #FFFFFF 100%);}
- .chart-main-top-left-li.e{border-color: #FAC858;background: linear-gradient(88deg, #FFF5DF 0%, #FFFFFF 100%);}
- .chart-main-top-mids{width: 400px;height: 100%;float: left; }
- .chart-main-top-mids-li{width: 100%;height: 64px;margin-bottom: 2px;}
- .chart-main-top-mids-ch{margin: 0 auto; height: 100%;line-height: 64px;display: block;font-size: 16px;color: #ffffff;text-align: center;position: relative;transition:all 0.5s;}
- .chart-main-top-mids-li:hover .chart-main-top-mids-ch{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);color: #FFFFFF;}
- .chart-main-top-mids-ch.a{ background: url("/img/encyclopedia/chart/chart_a@2x.png");}
- .chart-main-top-mids-ch.b{width: 320px; background: url("/img/encyclopedia/chart/chart_b@2x.png");}
- .chart-main-top-mids-ch.c{width: 240px; background: url("/img/encyclopedia/chart/chart_c@2x.png");}
- .chart-main-top-mids-ch.d{width: 160px; background: url("/img/encyclopedia/chart/chart_d@2x.png");}
- .chart-main-top-mids-ch.e{width: 80px; background: url("/img/encyclopedia/chart/chart_e@2x.png");}
- .chart-main-top-right{width: 312px;height: 100%;float: left;margin-left: 34px; }
- .chart-main-top-right-li{ width: 100%; height: 110px;box-sizing: border-box;padding: 22px 0 14px 0;border-bottom: 1px solid #E1E1E1; float: left;}
- .chart-main-top-right-tips {width: 100%;height: 36px;margin-bottom: 10px; }
- .chart-main-top-right-tips .tips{ display: inline-block;border-radius: 4px; box-sizing: border-box;padding: 0 10px;font-size: 18px;line-height: 36px;color: #333333;text-align: center;font-weight: bold;}
- .chart-main-top-right-tips .tips.a{ background: #73C0DE; }
- .chart-main-top-right-tips .tips.b{ background: #5470C6; }
- .chart-main-top-right-tips .tips.c{ background: #91CC75; }
- .chart-main-top-right-li p{ font-size: 14px;line-height: 22px;color: #666666; }
- .chart-main-bot{width: 100%;height: auto;}
- .chart-main-top img{width: 100%;height: auto;}
- .chart-main-bot img{width: 100%;height: auto;}
- .chart-main-box{width: 592px;height: 420px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
- .chart-main-box.le{float: left;}
- .chart-main-box.ri{float: right;}
- .chart-main-min{width: 592px;height: 320px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
- .chart-main-min-title{width: 100%;line-height: 28px;font-size: 18px;font-weight: bold;color: #666666;margin-bottom: 20px;}
- .chart-main-max{width: 100%;height: 485px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
- .chart-main-max.table{min-height: 620px;}
- .chart-main-max.min{height: 480px;}
- .chart-main-min.le{float: left;}
- .chart-main-min.ri{float: right;}
- .chart-main-468{width: 468px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;}
- .chart-main-568{width: 568px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;}
- .chart-main-568 img{width: 100%;height: 100%;display: block;}
- .chart-main-300{width: 300px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: right;margin-left: 16px;}
- .chart-main-400{width: 400px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: right;margin-left: 16px;}
- .chart-main-390{width: 390px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;margin-right: 15px;}
- .chart-main-390.none{margin-right: 0;}
- footer{width: 100%;float: left;}
- #scrollTop .item .phone{ display: none; }
- #scrollTop .item .Iphone{ display: none; }
- }
- /*移动端**/
- @media screen and (max-width:768px){
- body{background-color: #F5F5F5;}
- footer{display: none;}
- header{box-shadow: none;}
- table, td, th{border: none;}
- .baseHeadCenter.account .wrap{padding-top: 10px;}
- .baseHeadCenter.account{border-bottom: none;}
- .header-title{display: none;}
- .chart-content{width: 100%;margin: 0 auto;box-sizing: border-box;padding: 3vw;}
- .chart-title{ width: 100%;float: left; line-height: 8vw;font-size: 4vw;color: #333333;font-weight: bold;}
- .chart-title span{line-height: 8vw;font-size: 16px;color: #333333;font-weight: normal;}
- .chart-content-text{ min-height: 60vw;width: 100%;box-sizing: border-box;padding: 3vw;background: #FFFFFF;float: left;margin-bottom: 10vw; }
- .chart-content-text h1,.chart-content-text p{font-size: 3.4vw;color: #666666;line-height: 6vw;}
- .chart-content-main{width: 100%;height: auto;float: left;margin-bottom: 16px;}
- .chart-main-box{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
- .chart-main-box.le{float: left;margin-bottom: 16px;}
- .chart-main-box.ri{float: left;}
- .chart-main-min{width: 100%;height: 42vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
- .chart-main-max{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
- .chart-main-min.le{float: left;margin-bottom: 16px;}
- .chart-main-min.ri{float: left;}
- .chart-main-568{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
- .chart-main-468{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
- .chart-main-400{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
- .chart-main-300{width: 100%;height: 60vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
- }
|