@charset "utf-8";
/* CSS Document */

html{transform:scale(1) translate(0px, 0px); transform-origin: 0px 0px;overflow:hidden;}
body { font-size:14px;  font-family:"Microsoft Yahei"; color:#333; -webkit-tap-highlight-color:transparent; background:#fff; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#2076e5; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:88%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


.cydiag { background-image:url(../images/diag-bg.jpg); background-position:center; background-size:cover; width:1920px; height:1080px; padding:22px 30px;}
.cydiag-left{ width:970px;}
.cydiag-index{ background:#fff; padding:40px 25px; margin-top:20px; border-radius:8px; box-shadow:5px 0 8px rgba(0,0,0,.18);}
.cydiag-index .title{ text-align:center;}
.cydiag-index .title .t1{ font-size:42px; font-weight:bold; line-height:1; }
.cydiag-index .title .t2{ font-size:30px; color:#666; line-height:1; margin-top:25px;}
.cydiag-index .data{ text-align:center; color:#00a629; padding:0 60px;}
.cydiag-index .data .cn{ font-size:48px; line-height:1;}
.cydiag-index .data .cn img{ vertical-align:top; margin-left:15px; margin-top:7px;}
.cydiag-index .data .en{ font-size:22px; margin-top:25px; line-height:1;}
.cydiag-index .drop{ font-size:20px; line-height:49px;}
.cydiag-index .drop li .c-green{ min-width:105px; display:inline-block; color:#00a629;}
.cydiag-index .drop li .c-prop{color:#00a629;}
.cydiag-index .drop li img{ vertical-align:top; margin:13px 7px 0 0;}
.cydiag-index .time{ text-align:right; font-size:20px; line-height:49px; color:#999;}

.cydiag-stock{ background:#fff; margin-top:45px; padding:45px 25px; border-radius:8px; box-shadow:5px 0 8px rgba(0,0,0,.18);}
.cydiag-stock .title{ padding-bottom:30px; line-height:1; font-weight:bold; font-size:30px; border-bottom:4px #e9e9e9 solid;}
.cydiag-stock .title .cn{ font-size:40px; font-weight:bold;}
.cydiag-stock .title .en{ padding-top:10px;}
.cydiag-stock .cont{ padding-top:30px;}
.cydiag-stock .cont .c-num{ font-size:60px; line-height:1; color:#cc0000;}
.cydiag-stock .cont .c-num img{ vertical-align:top; margin-top:8px; margin-left:25px;}
.cydiag-stock .cont .c-txt{ margin-left:60px; text-align:center;}
.cydiag-stock .cont .c-txt .t1{ font-size:27px; font-weight:bold; color:#cc0000; line-height:1;}
.cydiag-stock .cont .c-txt .t2{ font-size:16px; color:#999; margin-top:8px;}

.cydiag-notice{ background:#d7fffd; margin-top:45px; padding:25px; border-radius:8px; box-shadow:5px 0 8px rgba(0,0,0,.18);}
.cydiag-notice .tit{ font-size:30px; font-weight:bold; line-height:1; padding-bottom:20px;}
.cydiag-notice .list li{ font-size:24px; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cydiag-notice .list li span{ color:#60b6b0; padding-right:15px; display:inline-block;}


.cydiag-debt{ background:#fff; padding:51px 25px; margin-top:45px; border-radius:8px; box-shadow:5px 0 8px rgba(0,0,0,.18);}
.cydiag-debt .title{ text-align:center;}
.cydiag-debt .title .t1{ font-size:48px; font-weight:bold; line-height:1; }
.cydiag-debt .title .t2{ font-size:26px; color:#666; line-height:1; margin-top:35px;}
.cydiag-debt .data{ text-align:center; color:#00a629; padding-left:130px;}
.cydiag-debt .data .cn{ font-size:48px; line-height:1;}
.cydiag-debt .data .en{ font-size:26px; margin-top:35px; line-height:1;}

.cydiag-earn{ background:#fff9ce; margin-top:45px;  padding:40px 0 40px 160px; border-radius:8px; box-shadow:5px 0 8px rgba(0,0,0,.18);}
.cydiag-earn li{ font-size:32px; line-height:65px;}
.cydiag-earn li .c-time{ width:220px; display:inline-block;}
.cydiag-earn li .c-green{ min-width:125px; display:inline-block; color:#00a629;}
.cydiag-earn li .c-prop{color:#00a629;}
.cydiag-earn li img{ vertical-align:top; margin:17px 7px 0 0;}

.cydiag-right{ width:830px;}
.cydiag-chart + .cydiag-chart{ margin-top:15px;}
.cydiag-chart .hd li{ float:left; padding:0 40px; height:45px; line-height:45px; font-size:24px; color:#fff; border-radius:5px 5px 0 0; cursor:pointer;}
.cydiag-chart .hd li.on{ background:#fff; color:#000;}
.cydiag-chart .bd{ background:#fff;  text-align:center; padding:20px 0; border-radius:0 5px 5px 5px;}



@media screen and (max-width:640px){

.cydiag{ padding:15px;}
.cydiag-item{ width:100%; padding:12px; margin-top:20px;}
.cydiag-item-tit{ width:auto; line-height:36px; font-size:17px; padding:0 20px;}

}