.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_atlas_detail-01001{width:1180px; height:1165px; position:absolute; overflow:hidden;font-size: 0;} .c_atlas_detail-01001 .p_detail{ width: auto; height: auto; background: transparent; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(255, 255, 255,1); white-space: nowrap; } .c_atlas_detail-01001 .p_AssistInfo{ margin-top: 10px; height: 30px; width: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_about{ float:left; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_FromBox{ display: inline-block; width: auto; height: auto; margin-right: 10px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_head{ width: 100%; text-align: left; font-weight: bold; color: #323232; display: inline-block; margin: 0; padding: 0; font-size: 30px; } .c_atlas_detail-01001 .p_head .font{ white-space: nowrap; vertical-align: middle; line-height: 40px; } .c_atlas_detail-01001 .p_LinkI{ position:static; } .c_atlas_detail-01001 .p_title-001{ width:auto; height:auto; line-height:normal; } .c_atlas_detail-01001 .p_title-002{ float:left; width:auto; height:auto; line-height:normal; } .c_atlas_detail-01001 .p_sort{ width: auto; height: auto; line-height: normal; font-size: 12px; white-space: nowrap; display: inline-block; padding: 0; color: rgba(101, 190, 186,1); text-align: left; } .c_atlas_detail-01001 .p_sort:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } .c_atlas_detail-01001 .p_sort .iconfont:before{ display: inline-block; content:""; } .c_atlas_detail-01001 .p_commentA{ width: auto; height: auto; line-height: normal; font-size: 12px; white-space: nowrap; vertical-align: middle; display: inline-block; padding: 0; color: rgba(101, 190, 186,1); text-align: left; } .c_atlas_detail-01001 .p_commentA:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } .c_atlas_detail-01001 .p_commentA .iconfont:before{ display: inline-block; content:""; } .c_atlas_detail-01001 .p_share{ width: auto; height: auto; line-height: normal; font-size: 12px; white-space: nowrap; vertical-align: middle; display: inline-block; padding: 0; color: rgba(101, 190, 186,1); text-align: left; } .c_atlas_detail-01001 .p_share:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } .c_atlas_detail-01001 .p_TimeBox{ display: inline-block; width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_AssistNameA{ float: left; width: auto; display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_atlas_detail-01001 .p_AssistNameA .iconfont::before{ content:''; } .c_atlas_detail-01001 .p_AssistNameB{ float: left; width: auto; display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_atlas_detail-01001 .p_AssistNameB .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_atlas_detail-01001 .p_AssistNameB .iconfont::before{ content:"\e69e"; content:'\e67a'; margin-right:5px; } .c_atlas_detail-01001 .p_AssistNameC{ float: left; width: auto; display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_atlas_detail-01001 .p_AssistNameC .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_atlas_detail-01001 .p_AssistNameC .iconfont:before{ content:"\e69e"; } .c_atlas_detail-01001 .p_AssistNameC .iconfont::before{ content:'\e679'; margin-right:5px; } .c_atlas_detail-01001 .p_AssistNameD{ float: left; width: auto; display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_atlas_detail-01001 .p_AssistNameD .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_atlas_detail-01001 .p_AssistNameD .iconfont:before{content:"\e69e";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_atlas_detail-01001 .p_AssistNameD .iconfont::before{ content:'\e694'; margin-right:5px; } .c_atlas_detail-01001 .p_AssistNameE{ float: left; width: auto; display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_atlas_detail-01001 .p_AssistNameE .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_atlas_detail-01001 .p_AssistNameE .iconfont:before{ content:"\e69e"; } .c_atlas_detail-01001 .p_AssistNameE .iconfont::before{ content:'\e67f'; margin-right:5px; } .c_atlas_detail-01001 .p_AssistInfo_001{ float:left; } .c_atlas_detail-01001 .p_time{ float: left; color: #cecece; display: inline-table; margin: 0; padding: 0 5px 0 0; vertical-align: middle; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_atlas_detail-01001 .p_time .font{ vertical-align:middle; display:table-cell; line-height: 18px; } .c_atlas_detail-01001 .p_time .iconfont:before{ content:""; } .c_atlas_detail-01001 .p_view{ float: left; display: inline-table; margin: 0; padding: 0 5px 0 0; vertical-align: middle; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_atlas_detail-01001 .p_view .font{ vertical-align:middle; display:table-cell; line-height: 18px; } .c_atlas_detail-01001 .p_view .iconfont:before{ content:""; } .c_atlas_detail-01001 .p_InteractionInfo{ display: none; float: right; width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_ArticleHline{ margin-bottom: 10px; width: 100%; height: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(240,240,240,1); opacity: 1; filter: alpha(opacity:100); } .c_atlas_detail-01001 .p_ViewBox{ display: inline-block; float: left; width: auto; height: auto; margin-right: 10px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_CommentBox{ display: inline-block; float: left; width: auto; height: auto; margin-right: 10px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_ShareBox{ display: inline-block; float: left; width: auto; height: auto; margin-right: 10px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_KeywordBox{ float:left; width:auto; height:auto; } .c_atlas_detail-01001 .p_keywords { display: block; width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_name{ float:left; width:auto; margin-top:5px; } .c_atlas_detail-01001 .p_nameA{ float: left; width: auto; line-height: 28px; margin: 5px 5px 0 0; color: #646464; display: inline-block; padding: 0; vertical-align: middle; font-size: 14px; text-align: left; } .c_atlas_detail-01001 .p_nameA .font{ vertical-align:middle; line-height: 19px; } .c_atlas_detail-01001 .p_nameA .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_atlas_detail-01001 .p_nameB{ float: left; width: auto; margin: 5px 5px 0 0; line-height: 28px; display: inline-block; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_atlas_detail-01001 .p_nameB .font{ vertical-align:middle; line-height: 19px; } .c_atlas_detail-01001 .p_nameB .iconfont:before{ display: inline-block; content:""; } .c_atlas_detail-01001 .p_tag{ float:left; margin-right:20px; margin-bottom: 10px; font-size: 14px; color: #969696; } .c_atlas_detail-01001 .p_tag{ background:rgba(252,252,252,1); border-color:rgba(240, 240, 240,1); border-style:solid; border-width:1px; display:inline-block; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; min-width:59px; text-align:center; } .c_atlas_detail-01001 .p_tag .font{ white-space:nowrap; vertical-align:middle; } .c_atlas_detail-01001 .p_tag:hover{ background:rgba(101, 190, 186,1); border-color:rgba(204,231,230,1); color:rgba(255,255,255,1); cursor:pointer; } .c_atlas_detail-01001 .p_tag .iconfont:before{ content:""; } .c_atlas_detail-01001 .p_tag:hover{ background-color: transparent; border-color:rgba(240, 240, 240,1); } .c_atlas_detail-01001 .p_KeywordBox a{ cursor: default; } .c_atlas_detail-01001 .p_KeywordBox .p_tag{ cursor: default; } .c_atlas_detail-01001 .p_ShareBoxA{ width: auto; height: auto; float: right; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_image{ width: auto; height: auto; float: left; margin-right: 10px; padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_about{ clear:both; width:auto; height:auto; } .c_atlas_detail-01001 .p_aboutA{ float:left; width:auto; height:auto; } .c_atlas_detail-01001 .p_aboutB{ float:right; width:auto; height:auto; } .c_atlas_detail-01001 .p_images{ margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; width: 100%; height: 0; padding-bottom: 57.5%; overflow:hidden; } .c_atlas_detail-01001 .p_images:hover .p_SwitchBtnA{ display: inline; } .c_atlas_detail-01001 .p_images:hover .p_SwitchBtnB{ display: inline; } .c_atlas_detail-01001 .p_imageA { width: inherit; height: 100%; text-align: center; vertical-align: middle; position: absolute; padding: 0; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_imageA img{ width: 100%; height: auto; } .c_atlas_detail-01001 .p_LinkJ{ height:auto; display: block; margin-top:5px; position: relative; background-color: rgba(27, 27, 27,.6); } .c_atlas_detail-01001 .p_TitleBox{ width: 100%; height: auto; display: inline-block; background-color: transparent; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); word-wrap: break-word; word-break: break-all; color: rgba(255,255,225,1); } .c_atlas_detail-01001 .p_NumBox{ width: auto; height: auto; left: 10px; display: inline-block; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_Atlas{ width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_AtlasRelationImgBox{ position: relative; font-size: 0; z-index: 3; overflow: hidden; display: inline; position: static; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; } .c_atlas_detail-01001 .p_AtlasRelationImg{ display:inline-block; width:calc((100% - 120px)/8); height:112px; margin: 0 5px; float: left; position: relative; border-color: rgba(154,155,155,0); border-width: 2px; border-style: solid; } .c_atlas_detail-01001 .p_AtlasRelationImg .shape{ display:none; border-bottom-color: rgba(154, 155, 155, 1); border-left-color: rgba(154, 155, 155, 0); border-right-color:rgba(154, 155, 155, 0); color:#FFF; border-width: 0px 5px 5px; border-style: solid; width: 0px; height: 0; position: absolute; top: -7px; left: 45%; } .c_atlas_detail-01001 .p_AtlasRelationImg:hover{ cursor:pointer; } .c_atlas_detail-01001 .p_AtlasRelationImg:hover{ border-color:rgba(105,192,188,1); } .c_atlas_detail-01001 .p_AtlasRelationImg:hover .shape{ display:block; border-bottom-color: rgba(105,192,188,1) } .c_atlas_detail-01001 .p_AtlasRelationImg.active{ border-color:rgba(105,192,188,1); } .c_atlas_detail-01001 .p_AtlasRelationImg.active .shape{ display:block; border-bottom-color: rgba(105,192,188,1) } .c_atlas_detail-01001 .p_AtlasRelationImg:hover{ background-color: rgba(186, 213, 211,.3); } .c_atlas_detail-01001 .p_AtlasRelationImg img{ width: 100%; height: 100%; } .c_atlas_detail-01001 .p_articlesA{ cursor: pointer; position: relative; background: rgba(255,255,255,1); float: left; margin-right: 30px; width: calc((100% - 120px)/8); height: 120px; border-image-source: url(../image/box_border.png); overflow: hidden; border-width: 2px 5px 5px 1px; border-style: solid; border-color: transparent; } .c_atlas_detail-01001 .p_linkE .p_articlesA{ float: right; margin-left: 30px; margin-right: 0; } .c_atlas_detail-01001 .p_articlesA:hover{ background-color: rgba(186, 213, 211,.3); } .c_atlas_detail-01001 .p_articlesB{ box-sizing:initial; cursor:pointer; position:relative; left:0; padding-bottom:0; padding-top:0; padding-right:3px; padding-left:1px; background:rgba(255,255,255,1); float:left; margin-top:18px; margin-right:0; margin-bottom:0px; margin-left:10px; width:6%; height:111px; } .c_atlas_detail-01001 .p_AtlasThumbnailA{ position: absolute; left: 0; width: 100%; height: 100%; padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_AtlasThumbnailB{ position:absolute; left:0; } .c_atlas_detail-01001 .p_SummaryBox{ display:inline-block; height:auto; width:auto; } .c_atlas_detail-01001 .p_btnA{ position: absolute; right: 20px; top: 20px; background-color: transparent; z-index: 10; color: rgba(255,255,255,1); height: auto; padding: 0; font-size: 18px; border-width: 0; border-style: none; border-color: transparent; text-align: center; } .c_atlas_detail-01001 .p_btnA:active{ border-width: 0; border-style: solid; color:rgba(102, 102, 102,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_atlas_detail-01001 .p_btnA:hover{ border-width: 0; border-style: solid; color:rgba(255,255,255,1); border-color:rgba(255,255,255,0); box-shadow:none; } .c_atlas_detail-01001 .p_btnA .font{ display:table-cell; vertical-align:middle; } .c_atlas_detail-01001 .p_btnA .iconfont{ display: none; } .c_atlas_detail-01001 .p_btnA .iconfont{ display:inline-block; } .c_atlas_detail-01001 .p_btnA .iconfont::before{ content:'\e661'; vertical-align:middle; font-size: 30px; } .c_atlas_detail-01001 .p_content{ width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_parameterC{ background-color:transparent; width:100%; position:absolute; left:0; bottom:auto; height:auto; font-size:0; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; margin-top:-70px; z-index:11; } .c_atlas_detail-01001 .p_nom{ display:inline-block; width:auto; color:rgba(255,255,255,1); font-size:40px; text-shadow:1px 2px 2px rgba(0,0,0,1); } .c_atlas_detail-01001 .p_nom .font{ vertical-align:middle; } .c_atlas_detail-01001 .p_nom .iconfont:before{ display: inline-block; content:""; } .c_atlas_detail-01001 .p_num{ display: inline-block; width: auto; color: rgba(255,255,255,1); font-size: 30px; text-shadow: 1px 2px 2px rgba(0,0,0,1); margin: 0; padding: 0; text-align: left; } .c_atlas_detail-01001 .p_num .font{ vertical-align:middle; } .c_atlas_detail-01001 .p_num .iconfont:before{ content:""; } .c_atlas_detail-01001 .p_SubHead{ margin-top:35px; } .c_atlas_detail-01001 .p_SummaryBoxB{ position: absolute; bottom: 0; z-index: 3; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 100%; height: auto; overflow: visible; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; } .c_atlas_detail-01001 .p_interactionA { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 50%; z-index: 3; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_SwitchBtnA{ position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); left: 0; background: rgba(81,80,80,.3); width: 64px; height: 139px; cursor: pointer; color: rgba(255,255,255,1); text-align: center; font-size: 40px; } .c_atlas_detail-01001 .p_SwitchBtnA{ background-color:rgba(0,0,0,.1); display: none; } .c_atlas_detail-01001 .p_SwitchBtnA .font{ display:table; width:inherit; height:inherit; } .c_atlas_detail-01001 .p_SwitchBtnA .iconfont{ display:table-cell; vertical-align:middle; } .c_atlas_detail-01001 .p_SwitchBtnA .font{ display:table; height:inherit; } .c_atlas_detail-01001 .p_SwitchBtnA:hover{ background-color:rgba(0,0,0,.3); } .c_atlas_detail-01001 .p_SwitchBtnA:active{ background-color:rgba(0,0,0,.5); } .c_atlas_detail-01001 .p_SwitchBtnA:hover .iconfont{ color:rgba(101,190,186,1); } .c_atlas_detail-01001 .p_interactionA .p_SwitchBtnA .iconfont::before{ content:"\e687"; font-size: 30px; } .c_atlas_detail-01001 .p_interactionB { cursor: pointer; height: 100%; right: 0; position: absolute; top: 0; width: 50%; z-index: 3; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_SwitchBtnB{ background-color: rgba(0,0,0,.1); position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); right: 0; display: none; background: rgba(81,80,80,.3); width: 64px; height: 139px; cursor: pointer; color: rgba(255,255,255,1); text-align: center; font-size: 40px; } .c_atlas_detail-01001 .p_SwitchBtnB .font{ display:table; width:inherit; height:inherit; } .c_atlas_detail-01001 .p_SwitchBtnB .iconfont{ display:table-cell; vertical-align:middle; } .c_atlas_detail-01001 .p_SwitchBtnB:hover{ background-color:rgba(0,0,0,.3); } .c_atlas_detail-01001 .p_SwitchBtnB:active{ background-color:rgba(0,0,0,.5); } .c_atlas_detail-01001 .p_SwitchBtnB:hover .iconfont{ color:rgba(101,190,186,1); } .c_atlas_detail-01001 .p_interactionB-001 .iconfont{ display:table-cell; } .c_atlas_detail-01001 .p_interactionB .p_SwitchBtnB .iconfont::before{ content:'\e6ae'; font-size: 30px; } .c_atlas_detail-01001 .p_thumbnail{ cursor:pointer; display:inline-block; height:112px; margin-bottom:7px; margin-left:.5%; margin-right:.5%; margin-top:7px; width:15%; } .c_atlas_detail-01001 .p_thumbnail img{ width:100%; } .c_atlas_detail-01001 .p_parameterC .e_box-000{ width:auto; height:auto; } .c_atlas_detail-01001 .p_thumbnail .shape{ display:none; } .c_atlas_detail-01001 .p_thumbnail:hover .shape{ display:block; } .c_atlas_detail-01001 .p_ListImgTitle{ position: absolute; background: rgba(63,58,57,1); display: inline-table; margin: 0; min-height: 27px; min-width: 91px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; cursor: pointer; color: rgba(255,255,255,1); font-size: 12px; text-align: center; left: 0; bottom: 0; width: 100%; min-width: initial; z-index: 5; display: block; } .c_atlas_detail-01001 .p_ListImgTitle .font{ text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_atlas_detail-01001 .p_ImgHead{ width: auto; margin-left: 14px; margin-top: 10px; margin-bottom: 10px; display: block; overflow: hidden; padding: 0; color: rgba(251, 248, 243,1); font-size: 16px; font-weight: 400; text-align: left; } .c_atlas_detail-01001 .p_ImgHead .font{ display:table-cell; white-space:nowrap; vertical-align:middle; line-height: 21px; } .c_atlas_detail-01001 .p_ImgHead .iconfont:before{ content:""; } .c_atlas_detail-01001 .p_ImgHead .font{ display: block; max-width: 94%; white-space: normal; } .c_atlas_detail-01001 .p_ImgSummary{ margin-left: 14px; max-width: 93%; padding-bottom: 10px; white-space: normal; color: rgba(199,199,199,1); font-family: "Heiti SC"; font-size: 14px; line-height: 26px; text-align: left; vertical-align: top; word-break: break-all; } .c_atlas_detail-01001 .p_SwitchBtnC{ position: absolute; top: 50%; left: 1px; margin-top: -14px; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(154,155,155,1); } .c_atlas_detail-01001 .p_SwitchBtnC .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_atlas_detail-01001 .p_SwitchBtnC:hover{ color:rgba(105,192,188,1); } .c_atlas_detail-01001 .p_SwitchBtnC:hover{ cursor:pointer; } .c_atlas_detail-01001 .p_SwitchBtnC .iconfont{ color: #c7c7c7; } .c_atlas_detail-01001 .p_SwitchBtnC:hover .iconfont{ color: #65beba; } .c_atlas_detail-01001 .p_SwitchBtnC .iconfont::before{ } .c_atlas_detail-01001 .p_SwitchBtnD{ position: absolute; top: 50%; right: 1px; margin-top: -14px; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(154,155,155,1); } .c_atlas_detail-01001 .p_SwitchBtnD .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_atlas_detail-01001 .p_SwitchBtnD:hover{ color:rgba(105,192,188,1); } .c_atlas_detail-01001 .p_SwitchBtnD:hover{ cursor:pointer; } .c_atlas_detail-01001 .p_SwitchBtnD .iconfont{ color: #c7c7c7; } .c_atlas_detail-01001 .p_SwitchBtnD:hover .iconfont{ color: #65beba; } .c_atlas_detail-01001 .p_SwitchBtnD .iconfont::before{ content:'\e6af'; } .c_atlas_detail-01001 .p_assist{ width: auto; height: auto; margin-top: 20px; margin-bottom: 20px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_PrevAndNext{ width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_previewBox{ float: left; width: auto; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_previewBox .p_nameC{ color: #646464; display: inline-block; margin: 0; padding: 0; vertical-align: middle; font-size: 14px; text-align: left; } .c_atlas_detail-01001 .p_previewBox .p_nameC .font{ vertical-align:middle; line-height: 19px; } .c_atlas_detail-01001 .p_nameC .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_atlas_detail-01001 .p_nameC .iconfont::before{ content:'\e689'; } .c_atlas_detail-01001 .p_nextBox{ float: right; width: auto; height: auto; padding-right: 15px; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_nextBox .p_nameD{ color: #646464; display: inline-block; margin: 0; padding: 0; vertical-align: middle; font-size: 14px; text-align: left; } .c_atlas_detail-01001 .p_nextBox .p_nameD .font{ vertical-align:middle; line-height: 19px; } .c_atlas_detail-01001 .p_nameD .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_atlas_detail-01001 .p_nameD .iconfont:before{ position: absolute; content:'\e6ac'; margin-top:3px; right: 0; } .c_atlas_detail-01001 .p_iconB{ position:absolute; top:50%; right:0; cursor:pointer; width:70px; height:60px; line-height:50px; text-align:center; color:rgba(255,255,255,1); -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_atlas_detail-01001 .p_iconB .iconfont:before{ content: '\e6bd'; font-size: 50px; } .c_atlas_detail-01001 .p_iconB:before{ content:''; } .c_atlas_detail-01001 .p_iconB .iconfont:before{ content:'\e69c'; } .c_atlas_detail-01001 .p_iconC{ position:absolute; top:50%; right:0px; cursor:pointer; width:70px; height:60px; line-height:50px; text-align:center; color:rgba(255,255,255,1); -webkit-transform:translate(0,-50%); transform:translate(0,-50%); margin: 0; } .c_atlas_detail-01001 .p_iconC .iconfont:before{ content: '\e6bd'; font-size: 50px; } .c_atlas_detail-01001 .p_iconC .iconfont{ font-size: 40px; vertical-align: middle; } .c_atlas_detail-01001 .p_iconB .iconfont{ font-size: 40px; vertical-align: middle; } .c_atlas_detail-01001 .p_iconC:before{ content:''; } .c_atlas_detail-01001 .p_iconC:hover{ color: #65beba; } .c_atlas_detail-01001 .p_iconB:hover{ color: #65beba; } .c_atlas_detail-01001 .p_iconC .iconfont:before{ content:'\e69a'; } .c_atlas_detail-01001 .p_imageB{ width: auto; height: auto; margin: 20px 0; padding: 0 30px; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden; } .c_atlas_detail-01001 .p_imageB .p_linkD img{ width: 100%; height: 100%; } .c_atlas_detail-01001 .p_imageB .p_linkE img{ width: 100%; height: 100%; } .c_atlas_detail-01001 .p_articles{ word-break: break-all; white-space: normal; font-size: 14px; color: #646464; font-family: "Microsoft Yahei"; width: inherit; height: auto; line-height: 21px; } .c_atlas_detail-01001 .p_previewtitle { vertical-align: middle; padding: 5px 0; } .c_atlas_detail-01001 .p_previewtitle .font{ max-width: 300px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .c_atlas_detail-01001 .p_previewTitle { vertical-align: middle; padding: 5px 0; color: rgba(0, 0, 0,1); font-size: 14px; text-align: left; display: inline-block; margin: 0; } .c_atlas_detail-01001 .p_previewTitle .font{ vertical-align:middle; line-height: 19px; } .c_atlas_detail-01001 .p_previewTitle:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_atlas_detail-01001 .p_previewTitle .iconfont:before{ content:""; } .c_atlas_detail-01001 .p_previewTitle .font{ max-width: 300px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .c_atlas_detail-01001 .p_AtlasRelationImg .AtlasRelationImgBoxA{ width: 100%; height: 100%; } .c_atlas_detail-01001 .p_LinkI{ position: static; } .c_atlas_detail-01001 .p_QRCode{ width: auto; height: auto; text-align: center; padding: 30px 0px; } .c_atlas_detail-01001 .p_SaveText{ width: auto; height: auto; margin-bottom: 10px; } .c_atlas_detail-01001 .p_SaveText .font{ font-size: 20px; color: #333333; } .c_atlas_detail-01001 .p_imageD{ width: auto; height: auto; } .c_atlas_detail-01001 .p_imageD img{ width: 225px; height: 225px; } .c_atlas_detail-01001 .p_imageD:after{ display: none; }.c_atlas_detail-01001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_atlas_detail-01001 >div{animation-fill-mode:both; }.c_atlas_detail-01001 .p_btnA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_atlas_detail-01001 .p_AssistNameB .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_atlas_detail-01001 .p_AssistNameA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_atlas_detail-01001 .p_SaveText .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_atlas_category-01001 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_atlas_category-01001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_atlas_category-01001 .p_succ .iconfont:before{ content: "\e648"; } .c_atlas_category-01001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_atlas_category-01001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_atlas_category-01001 .p_succ .assistfont{ display: none; } .c_atlas_category-01001 .p_succ .closebtn { display: none; } .c_atlas_category-01001 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_atlas_category-01001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_atlas_category-01001 .p_fail .iconfont:before{ content: "\e641"; } .c_atlas_category-01001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_atlas_category-01001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_atlas_category-01001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_atlas_category-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_atlas_category-01001 .p_fail .closebtn:hover{ cursor: pointer; }.c_atlas_category-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_atlas_category-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_atlas_category-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_atlas_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_atlas_category-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_atlas_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_atlas_category-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_atlas_category-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_atlas_category-01001 .p_CategoryIconZ{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_atlas_category-01001 .p_CategoryIconZ:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_atlas_category-01001 .p_CategoryIconZ:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; }  .c_atlas_category-01001 .p_CategoryIconZ .iconfont{ display:inline-block; } .c_atlas_category-01001 .p_CategoryIconZ .iconfont:before{ content:"\e6b2"; } .c_atlas_category-01001 .p_CategoryIconZ.active .iconfont:before{ content:"\e6b5"; } .c_atlas_category-01001 .p_ListlineA{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:rgba(240,240,240,1); opacity:1; filter:alpha(opacity:100); } .c_atlas_category-01001 .p_infoA{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgba(0, 0, 0,1); font-size:14px; text-align:left; } .c_atlas_category-01001 .p_infoA .font{  vertical-align:middle; line-height: 19px; } a>.c_atlas_category-01001 .p_infoA:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_atlas_category-01001 .p_infoA .iconfont:before{ content:""; }  .c_atlas_category-01001 .p_articlesD{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_atlas_category-01001 .p_imageA{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_atlas_category-01001 .p_imageA:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_atlas_category-01001 .p_imageA:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .c_atlas_category-01001 .p_CategoryIconA{ display:table-cell; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); height:auto; width:20px; padding-left:0; padding-right:0; position:static; padding-top:0; text-align: center; font-size:14px; color:rgba(217,217,217,1); } .c_atlas_category-01001 .p_CategoryIconA:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_atlas_category-01001 .p_CategoryIconA:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; }   .c_atlas_category-01001 .p_CategoryIconA .iconfont{ display:inline-block; } .c_atlas_category-01001 .p_CategoryIconA .iconfont:before{ content:"\e669"; }  .c_atlas_category-01001 .p_articlesC{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_atlas_category-01001 .p_articles{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_atlas_category-01001 .p_Listline{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:rgba(240,240,240,1); opacity:1; filter:alpha(opacity:100); } .c_atlas_category-01001 .p_info{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgba(0, 0, 0,1); font-size:14px; text-align:left; } .c_atlas_category-01001 .p_info .font{  vertical-align:middle; line-height: 19px; } a>.c_atlas_category-01001 .p_info:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_atlas_category-01001 .p_info .iconfont:before{ content:""; }  .e_title.c_atlas_category-01001 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_atlas_category-01001 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_atlas_category-01001 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_atlas_category-01001 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_atlas_category-01001 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_atlas_category-01001 .p_link .iconfont:before{ display: inline-block; content:""; }  .c_atlas_category-01001 .p_articlesB{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_atlas_category-01001 .p_image{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_atlas_category-01001 .p_image:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_atlas_category-01001 .p_image:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .c_atlas_category-01001 .p_CategoryIcon{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_atlas_category-01001 .p_CategoryIcon:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_atlas_category-01001 .p_CategoryIcon:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; }  .c_atlas_category-01001 .p_CategoryIcon .iconfont{ display:inline-block; } .c_atlas_category-01001 .p_CategoryIcon .iconfont:before{ content:"\e6b2"; } .c_atlas_category-01001 .p_CategoryIcon.active .iconfont:before{ content:"\e6b5"; } .c_atlas_category-01001 .p_articlesA{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_atlas_category-01001 .p_articlesBox{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_atlas_category-01001 .p_category{ margin:0; width: 880px; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; white-space:nowrap; }  .c_atlas_category-01001{ position:absolute; width:280px; height:360px; overflow: hidden; }  .c_atlas_category-01001 .p_category{ width:auto; height:auto; background-color:#fff; }  .c_atlas_category-01001 .p_articlesBox{ height:auto; width:auto; }  .c_atlas_category-01001 .p_articles{ height:auto; width:auto; }  .c_atlas_category-01001 .p_articlesA{ height:auto; width:100%; padding-bottom:7px; padding-left:10px; padding-right:10px; padding-top:7px;  display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; } .c_atlas_category-01001 .p_articlesA:hover{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_atlas_category-01001 .p_articlesA.active{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; }  .c_atlas_category-01001 .p_articlesC{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display:flex; height:auto; width:100%; padding-bottom:7px; padding-left:10px; padding-right:10px; padding-top:7px;  align-items:center; } .c_atlas_category-01001 .p_articlesC:hover{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_atlas_category-01001 .p_articlesC.active{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; }  .c_atlas_category-01001 .p_CommonBtn{ display:table-cell; height:auto; width:14px; vertical-align:middle; margin-right:10px; }  .c_atlas_category-01001 .p_image{  background:none; display:inline-block; width:27px; height:auto; }  .c_atlas_category-01001 .p_imageA{  background:none; display:inline-block; width:27px; height:auto;  vertical-align:middle; }  .c_atlas_category-01001 .p_articlesB{ display:block; height:auto; width:auto; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; } .c_atlas_category-01001 .p_articlesB .font{ white-space: normal; overflow: hidden; }  .c_atlas_category-01001 .p_articlesD{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; display:block; height:auto; width:auto; }  .c_atlas_category-01001 .p_link{ color:inherit; display:block; vertical-align: middle; overflow:hidden; width:inherit; } .c_atlas_category-01001 .p_linkA{ color:inherit; display:table-cell; margin-top:5px; }  .c_atlas_category-01001 .p_info{ display:block; height:auto; width: inherit; padding-top: 2px; } .c_atlas_category-01001 .p_articles .p_info .font{ color:inherit; height:auto; overflow: hidden; white-space: normal; } .c_atlas_category-01001 .p_articles:hover .p_info .font{ color:inherit; }  .c_atlas_category-01001 .p_infoA{ display:block; height:auto; width: inherit; padding-top: 2px; } .c_atlas_category-01001 .p_articles .p_infoA .font{ white-space: normal; overflow: hidden; } .c_atlas_category-01001 .p_articles:hover .p_infoA .font{ color:inherit; }  .c_atlas_category-01001 .p_num{ display:table-cell; height:auto; width:50px; vertical-align:middle;  }  .c_atlas_category-01001 .p_numA{ display:table-cell; height:auto; width:50px; vertical-align:middle;  } .c_atlas_category-01001 .p_articlesD .p_Listline{ margin-left:-31px; } .c_atlas_category-01001 .p_articlesD .p_articlesB{ padding-left:31px; } .c_atlas_category-01001 .p_articlesE{ height:auto; width:auto; } .c_atlas_category-01001 .p_articlesE .p_Listline{ margin-left:-51px; } .c_atlas_category-01001 .p_articlesE .p_articlesB{ padding-left:42px; } .c_atlas_category-01001 .p_CategoryIcon .iconfont:before{ content: '\e6b2'; } .c_atlas_category-01001 .p_CategoryIconZ .iconfont:before{ content: '\e6b5'; } .c_atlas_category-01001 .p_CategoryIconA .iconfont:before{ content: '\e669'; } .c_atlas_category-01001 .p_CategoryIcon{ display: inline-block; } .c_atlas_category-01001 .p_CategoryIconA{ display: inline-block; } .c_atlas_category-01001 .p_CategoryIconZ{ display: inline-block; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{}#c_atlas_category-1536648969508 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_atlas_category-1536648969508 .p_stylebox .stylebox_top{text-align:left; background-color:rgba(246, 246, 246, 1); }#c_atlas_category-1536648969508 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_atlas_category-1536648969508 .p_stylebox .stylebox_title{background-color:rgba(246, 246, 246, 1); }#c_atlas_category-1536648969508 .p_stylebox .title_main{color:rgba(0, 0, 0, 1); }#c_atlas_category-1536648969508{ position:absolute; top:586px; left:0px; z-index:100; width:260px; height:300px; }#w_wbox-1536648969478 .p_wbox{background-color:rgba(255, 191, 94, 1); }#w_wbox-1536648969478 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_wbox-1536648969488 .p_wbox{background-color:rgba(255, 191, 94, 1); }#w_wbox-1536648969488 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_wbox-1536648969478{ position:absolute; top:495px; left:-406px; z-index:103; width:1912px; height:60px; }#w_wbox-1536648969488{ position:absolute; top:559px; left:-406px; z-index:109; width:1912px; height:2px; }#c_atlas_detail-15366489847453413{ position:absolute; top:611px; left:302px; z-index:110; width:785px; height:857px; }#w_common_text-1536648969498{ position:absolute; top:8px; left:407px; z-index:2; width:174px; height:40px; }#w_common_text-1536648969503{ position:absolute; top:10px; left:1280px; z-index:4; width:232px; height:36px; }