/*e_MajorStyleBox-001*/ .e_MajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_MajorStyleBox-001 .stylebox_top{ background-color: #65beba; height: 67px; } /*stylebox_title*/ .e_MajorStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_MajorStyleBox-001 .stylebox_link{ color: #EAF3F3; font-size: 30px; padding: 0 15px; margin: 0; float: right; vertical-align: middle; display: table; height: inherit; border-width: 0; } .e_MajorStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } /*stylebox_content*/ .e_MajorStyleBox-001 .stylebox_content{ height: calc(100% - 48px); width: 100%; border-style: solid; border-width: 1px; border-color:#f0f0f0; width-uint:%; } .e_MajorStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); font-weight: normal; } .e_MajorStyleBox-001 .title_sub{ font-size: 34px; color: #fff; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; } .e_MajorStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_MajorStyleBox-001 .stylebox_title .title_icon:before{ content: "\e63d"; font-size: 34px; color: #fff; } .e_MajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle; } .e_MajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }/*e_OrdinaryStyleBox-001*/ .e_OrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } /*stylebox_content*/ .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } /*stylebox_title*/ .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.w_img-001{position:absolute; width:280px; height:280px; font-size: 30px;} .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; } .w_img-001 .e_image:hover:after { background: transparent; }.w_img-001 .p_MatteIcon:before{content:'\e752'; }.w_img-001 >div{animation-fill-mode:both; }.c_ads_banner-36002{position:absolute; width:400px; height:200px; overflow:hidden;} .swipe { width: 100%; overflow: hidden; } .swipe ul { margin: 0; padding: 0; list-style-type: none; } .swipe li a{ width: 100%; } .swipe li div, .swipe div div div { background: #1db1ff; font-weight: bold; color: #fff; font-size: 20px; text-align: center; } .swipe li a img { width: 100%; } .swipe li { margin: 0px; } #slider4 { line-height: 0; text-align: center; } #slider4 ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; } #pagenavi { position: absolute; bottom: 10px; display: block; overflow: hidden; margin: auto; text-align: center; width: 100%; } #pagenavi .line { display: table; margin: 0 auto; height: 15px; text-align: center; padding: 0; } #pagenavi .line a { width: 15px; height: 15px; background: #fff; margin-right: 5px; border-radius: 50px; margin-left: 5px; float: left; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 0px; } #pagenavi .line a.active { background: #ff0000; }.c_ads_banner-36002 .p_MatteIcon:before{content:'\e752'; }.c_search_fullText-01001 { position: absolute; width: 640px; height: auto; top: 0; left: 0; } .c_search_fullText-01001 .p_search { color: #EAF3F3; font-size: 40px; text-align: center; width: auto; padding-left: 25px; padding-right: 25px; vertical-align: middle; line-height: 88px; height: 88px; cursor: pointer; background: #65beba; max-width: 290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .c_search_fullText-01001 .p_search .font { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c_search_fullText-01001 .p_search.active:after { content: ""; display: block; border-style: solid; border-width: 8px; border-bottom-color: #63a2e8; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; top: 90px; left: 32px; } .c_search_fullText-01001 .p_search:active { background: #5AA9A5; box-shadow: 2px 2px 0 0 rgba(90,90,90,.8) inset; } .c_search_fullText-01001 .p_search.active { background: #5AA9A5; box-shadow: 2px 2px 0 0 rgba(90,90,90,.8) inset; } .c_search_fullText-01001 .p_search .iconfont { line-height: 88px; } .c_search_fullText-01001 .p_search .iconfont:before { content: "\e661"; } .c_search_fullText-01001 .p_searchInput { width: 640px; height: 90px; background: #65beba; position: absolute; top: 106px; left: 0; padding: 10px; transition: top 1s; } .c_search_fullText-01001 .p_searchInput-input { display: inline-block; width: 445px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #5F5E5E; font-family: Arial,"黑体"; } .c_search_fullText-01001 .p_searchInput-input:hover { cursor: text; } .c_search_fullText-01001 .p_searchInput-input input { display: inline-block; height: inherit; width: inherit; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 64px; font-family: inherit; font-size: inherit; } .c_search_fullText-01001 .p_searchInput-input .iconfont.first{ position: absolute; color: #cecece; top: 14px; left: 10px; font-size: 40px; } .c_search_fullText-01001 .p_searchInput-input .iconfont.first:before { content: "\e661"; } .c_search_fullText-01001 .p_searchInput-input .iconfont.last{ position: absolute; color: #afafaf; top: 19px; right: 14px; font-size: 32px; cursor: pointer; } .c_search_fullText-01001 .p_searchInput-input .iconfont.last:before { content: "\e640"; } .c_search_fullText-01001 .p_searchInput-input .last:before{ content: ""; } .c_search_fullText-01001 .p_searchInput-input input:hover { cursor: text; } .c_search_fullText-01001 .p_searchInput-input input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .c_search_fullText-01001 .p_searchInput-btn { width: 160px; height: 70px; background: #53A19E; color: #fff; text-align: center; font-size: 32px; border-radius: 5px; display: inline-block; margin-left: 10px; line-height: 70px; vertical-align: middle; cursor: pointer; } .c_search_fullText-01001 .p_searchInput-btn .font { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c_search_fullText-01001 .p_searchInput-btn .font .iconfont { margin-left: 5px; } .c_search_fullText-01001 .p_searchInput-btn .font .iconfont:before { content: "\e661"; }/*无效果/分组*/ .w_sfbox-001 > div > .p_SwipPanelBox{ margin:0; padding:0; background-color:transparent; overflow: hidden; width: auto; height: auto; position: absolute; top: 50%; right: 30px; transform: translate(0,-50%); padding: 30px 0; z-index: 999; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel{ width: auto; height: auto; font-size: 14px; color: #626262; font-size: 12px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: transparent; text-align: right; margin-top: 10px; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel:first-child{ margin-top: 0; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .font{ width: auto; height: auto; display: inline-block; margin-right: 5px; line-height: 23px; vertical-align: middle; cursor: pointer; font-family: NotoSansHans-Regular; font-size: inherit; color:inherit; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape{ width: 23px; height: 23px; display: inline-block; margin-left: 5px; line-height: 26px; padding: 4px; background-position: center; background-size: auto auto; vertical-align: middle; position: relative; cursor: pointer; border-radius: 50%; overflow: hidden; border-style: solid; border-width: 1px; border-color: transparent; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div{ width: 100%; height: 100%; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0,0,0,0.30); } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape{ border: 1px solid #fff; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active{ color: #0099cc; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape img{ position: absolute; width: 100%; height: 100%; display: block; }/*无效果/分组*/ .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_fboxChild{ border-color:rgba(228,228,228,0); overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size:auto; } .w_sfbox-001 > .w_sfbox > .p_fbox{ width:100%; } .w_sfbox-001 > .w_sfbox{ width:100%; } .w_sfbox-001{ width:100%; } .w_sfbox-001 .tips{ position: absolute; width: 100%; text-align: center; display: none !important; } .w_sfbox-001 .tips .title{ text-align: center; font-size: 18px; color: #c3c3c3; } .w_sfbox-001 .tips .content{ text-align: center; font-size: 14px; font-family: "微软雅黑"; color: #a2a2a2; font-weight: normal; line-height: 24px; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer{ width: 100%; height: 200px; background-color: #c7161e; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } /*默认横向文字靠左*/ /*横向设置 文字靠右*/ .w_sfbox-001 .p_SwipPanelBox.hor-right .font{ float: right; margin-right: 0; margin-left: 5px; } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape{ margin-right: 5px; margin-left: 0; } /*竖向设置 文字靠上*/ .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .font{ margin: 0 0 5px 0; writing-mode:vertical-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape{ margin: 5px 0 0 0; } /*竖向设置 文字靠下*/ .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child{ padding:0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font{ margin: 5px 0 0 0; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape{ margin: 0 0 5px 0; } /*包裹视频和翻屏页的容器*/ .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox{ position:relative; background-color:#F4F4F4; overflow: hidden; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox video{ position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox{ height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto; }.w_hline-001{ position:absolute; width:580px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:auto; } .w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); }.c_news_list-02001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_news_list-02001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_news_list-02001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_news_list-02001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_news_list-02001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_news_list-02001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_news_list-02001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_news_list-02001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_news_list-02001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*翻页*/ .e_pagebox{ width:640px; height:auto; clear:both; position:relative; font-size: 0; white-space: nowrap; } .c_news_list-02001 .p_pagebox .pre{ display:inline-table; /*float:left;*/ } .c_news_list-02001 .p_pagebox .next{ display:inline-table; /*float:left;*/ } .c_news_list-02001 .p_pagebox .pre{ height:90px; width: 183px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_news_list-02001 .p_pagebox .pre:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .c_news_list-02001 .p_pagebox .pre:active{ background-color:rgba(90, 170, 167, 1); } .c_news_list-02001 .p_pagebox .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_news_list-02001 .p_pagebox .pre .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: left; font-size: 32px; } .c_news_list-02001 .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_pagebox .pre .iconfont:before{ content: "\e6b0"; } .c_news_list-02001 .p_pagebox .next{ height:90px; width: 183px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_news_list-02001 .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .c_news_list-02001 .p_pagebox .next:active{ background-color:rgba(90, 170, 167, 1); } .c_news_list-02001 .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_news_list-02001 .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 32px; } .c_news_list-02001 .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_pagebox .next .iconfont:before{ content: "\e6af"; } /*翻页数字*/ .c_news_list-02001 .p_pagebox .NumBox{ width: 212px; height: 88px; /*float: left;*/ border: 1px solid #CDD5D5; display: inline-table; position: relative; cursor: pointer; box-sizing:content-box; background: #e6e6e6; vertical-align: top; } .c_news_list-02001 .p_pagebox .num{ display: table-cell; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .c_news_list-02001 .p_pagebox .ItemBox{ position: absolute; width: 260px; height: auto; border: 1px solid #D3D4D4; bottom: 90px; left: -23px; max-height: 300px; overflow-y:auto; z-index: 99; border-bottom: none; } .c_news_list-02001 .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; } .c_news_list-02001 .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .c_news_list-02001 .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .c_news_list-02001 .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .c_news_list-02001 .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; } /*占位容器*/ .c_news_list-02001 .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; } /*带图标按钮-普通*/ .c_news_list-02001 .p_moreBtn{ font-size:34px; width: 600px; height:70px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color: transparent; background-color:#65beba; text-align:center; padding-top:0; padding-right:10px; padding-left:10px; border-radius: 8px; white-space:nowrap; } .c_news_list-02001 .p_moreBtn:active{ background-color:#4E9694; } .c_news_list-02001 .p_moreBtn .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .c_news_list-02001 .p_moreBtn .iconfont{ display:inline; color:rgba(255,255,255,1); font-size: 43px; } .c_news_list-02001 .p_moreBtn:active .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_moreBtn .iconfont:before{ content: '\e714'; }@-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation{ -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; border: 3px solid #65beba; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; } .c_news_list-02001 .p_loading{ width: 640px; height: 100px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 100px; text-align: center; color: #A7A7A7; font-size: 30px; } .c_news_list-02001 .p_loading .iconfont:before{ content: ""; } .c_news_list-02001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 100px; height: inherit; } .c_news_list-02001 .p_more{ width: 640px; text-align:center; padding-right:20px; padding-left:20px; height: 100px; background-color: rgba(248,248,248,0.8); position: relative; border-radius: 0; border-width: 0; color: rgba(115,115,131,1); font-size: 22px; } .c_news_list-02001 .p_more:active{ background-color:rgba(248,248,248,0.8); } .c_news_list-02001 .p_more .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .c_news_list-02001 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_news_list-02001 .p_more .iconfont:before{ content: "\e6d1"; }/*通用容器*/ .c_news_list-02001 .p_moreBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*圆型图片组符*/ .c_news_list-02001 .p_CommonSquareNumBtn{ width:15px; height:15px; display: inline-table; background-color:rgba(228,228,228,1); color:rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; } .c_news_list-02001 .p_CommonSquareNumBtn img{ display:none; } .c_news_list-02001 .p_CommonSquareNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_news_list-02001 .p_CommonSquareNumBtn:active { background-color:rgba(105,192,188,1); } .c_news_list-02001 .p_CommonSquareNumBtn.active { background-color:rgba(105,192,188,1); } .c_news_list-02001 .p_CommonSquareNumBtn.j-nav-active { background-color:rgba(105,192,188,1); } /*通用容器*/ .c_news_list-02001 .p_CommonThumbnailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_CommonSummaryBoxA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*列表缩略图切换1*/ .c_news_list-02001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_news_list-02001 .p_CommonSwitchBtnB .iconfont{ } .c_news_list-02001 .p_CommonSwitchBtnB .iconfont:before{ content: '\e687'; display: inline-block; } .c_news_list-02001 .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*概要列表标题*/ .c_news_list-02001 .p_titleA{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_news_list-02001 .p_titleA .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_news_list-02001 .p_titleA:active{ color:#57B2AD; } .c_news_list-02001 .p_titleA.selected{ color:#45A5A1; } .c_news_list-02001 .p_titleA.disabled{ color:#666666; } .c_news_list-02001 .p_titleA .iconfont:before{ content:""; } /*通用按钮-引导-小*/ .c_news_list-02001 .p_ToDetail{ font-size: 20px; height:38px; color:rgba(101,190,186,1); border-width: 1px; border-style: solid; border-color: rgba(240,240,240,1); background-color: rgba(252,252,252,1); padding-top:0; padding-right:12px; padding-left:12px; white-space: nowrap; border-radius: 8px; } .c_news_list-02001 .p_ToDetail:hover{ color:rgba(255,255,255,1); border-width: 1px; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); border-radius: 8px; } .c_news_list-02001 .p_ToDetail:active{ color:rgba(255,255,255,1); border-width: 1px; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); border-radius: 8px; } .c_news_list-02001 .p_ToDetail .font{ display:table-cell; vertical-align:middle; text-align: center; } .iconfont:before{ content: ''; } /*链接元素*/ /*通用容器*/ .c_news_list-02001 .p_ToDetailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_tag{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_tag .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_tag .iconfont:before{ content:""; }/*链接元素*/ /*通用容器*/ .c_news_list-02001 .p_keywords{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段名*/ .c_news_list-02001 .p_AssistNameH{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameH .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameH .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_KeywordBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_comment{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_comment .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_comment .iconfont:before{ content:""; }/*链接元素*/ /*辅助字段名*/ .c_news_list-02001 .p_AssistNameB{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameB .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameB .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_CommentBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_view{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_view .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_view .iconfont:before{ content:""; }/*辅助字段名*/ .c_news_list-02001 .p_AssistNameC{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameC .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameC .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_ViewBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_author{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_author .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_author .iconfont:before{ content:""; }/*辅助字段名*/ .c_news_list-02001 .p_AssistNameF{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameF .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameF .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_AuthorBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_from{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_from .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_from .iconfont:before{ content:""; }/*辅助字段名*/ .c_news_list-02001 .p_AssistNameG{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameG .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameG .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_FromBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_sort{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_sort .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_sort .iconfont:before{ content:""; }/*链接元素*/ /*辅助字段名*/ .c_news_list-02001 .p_AssistNameE{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameE .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameE .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_SortBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_news_list-02001 .p_time{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_time .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_news_list-02001 .p_time .iconfont:before{ content:""; }/*辅助字段名*/ .c_news_list-02001 .p_AssistNameA{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_AssistNameA .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_news_list-02001 .p_AssistNameA .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_TimeBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_assist{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*概要信息*/ .c_news_list-02001 .p_summary{ color:#6B6B6B; font-size:24px; line-height:28px; text-align:justify; vertical-align:top; word-break:break-all; }/*普通正文标题*/ .c_news_list-02001 .p_nameB{ display:inline-block; margin:0; padding:0; color:#868686; font-size:24px; text-align:left; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_nameB .font{ vertical-align:middle; line-height: 28px; } .c_news_list-02001 .p_nameB .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_SummaryBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*资讯置顶标识*/ .c_news_list-02001 .p_ImgNews{ display:inline-block; float:left; margin:0; /*min-height:16px;*/ /*min-width:44px;*/ padding-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; color:#65beba; font-size:24px; text-align:center; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_ImgNews .font{ line-height:normal; } .c_news_list-02001 .p_ImgNews .iconfont{ font-size:28px; } .c_news_list-02001 .p_ImgNews .iconfont:before{ content:"\e60b"; } .c_news_list-02001 .p_VideoNews{ display:inline-block; float:left; margin:0; /*min-height:16px;*/ /*min-width:44px;*/ padding-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; white-space:nowrap; overflow:visible; color:#65beba; font-size:24px; text-align:center; } .c_news_list-02001 .p_VideoNews .font{ line-height:normal; } .c_news_list-02001 .p_VideoNews .iconfont{ font-size:28px; } .c_news_list-02001 .p_VideoNews .iconfont:before{ content:"\e6be"; } /*通用容器*/ .c_news_list-02001 .p_TypeBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*资讯推荐标识*/ .c_news_list-02001 .p_new{ background:#008000; display:inline-block; float:left; margin:0; /*min-height:16px;*/ /*min-width:44px;*/ padding-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; color:#ffffff; font-size:24px; text-align:center; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_new .font{ vertical-align:middle; } .c_news_list-02001 .p_new .iconfont:before{ content:""; }/*资讯推荐标识*/ .c_news_list-02001 .p_hot{ background:#ED5A5A; display:inline-block; float:left; margin:0; /*min-height:16px;*/ /*min-width:44px;*/ padding-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; color:#ffffff; font-size:24px; text-align:center; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_hot .font{ vertical-align:middle; } .c_news_list-02001 .p_hot .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_ListTag{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*概要列表标题*/ .c_news_list-02001 .p_title{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_news_list-02001 .p_title .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_news_list-02001 .p_title:active{ color:#57B2AD; } .c_news_list-02001 .p_title.selected{ color:#45A5A1; } .c_news_list-02001 .p_title.disabled{ color:#666666; } .c_news_list-02001 .p_title .iconfont:before{ content:""; } /*标题概要字段名*/ .c_news_list-02001 .p_name{ display:inline-block; margin:0; padding:0; cursor: pointer; color: #323232; font-size: 30px; font-weight: 400; text-align: left; white-space: normal; overflow: hidden; } .c_news_list-02001 .p_name .font{ vertical-align: top; line-height: 35px; } .c_news_list-02001 .p_name .iconfont:before{ content:""; } /*通用容器*/ .c_news_list-02001 .p_header{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*普通正文标题*/ .c_news_list-02001 .p_icon{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_news_list-02001 .p_icon .font{ text-align: center; vertical-align: middle; } .c_news_list-02001 .p_icon .iconfont:before{ content:"\e6ae"; } /*通用容器*/ .c_news_list-02001 .p_TitleBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_content{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*资讯推荐标识*/ .c_news_list-02001 .p_Recommend{ background:#ED5A5A; display:inline-block; float:left; margin:0; /*min-height:16px;*/ /*min-width:44px;*/ padding-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; color:#ffffff; font-size:24px; text-align:center; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_Recommend .font{ vertical-align:middle; } .c_news_list-02001 .p_Recommend .iconfont:before{ content:""; }/*资讯置顶标识*/ .c_news_list-02001 .p_top{ background:#F37C36; display:inline-block; float:left; margin:0; /*min-height:16px;*/ /*min-width:44px;*/ padding-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; color:#ffffff; font-size:24px; text-align:center; white-space:nowrap; overflow:visible; } .c_news_list-02001 .p_top .font{ line-height:normal; } .c_news_list-02001 .p_top .iconfont:before{ content:""; }/*通用容器*/ .c_news_list-02001 .p_ListTagA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*普通正文标题*/ .c_news_list-02001 .p_VideoIcon{ display:inline-block; margin:0; padding:0; color: #fff; font-size: 36px; font-weight: bold; } .c_news_list-02001 .p_VideoIcon .font{ text-align: center; vertical-align: middle; } .c_news_list-02001 .p_VideoIcon .iconfont:before{ content:"\e649"; } /*通用图片边框*/ .c_news_list-02001 .p_image{ width: auto; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_images{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*资讯列表容器*/ .c_news_list-02001 .p_articles{ width: inherit; height: auto; border-width:1px; border-style: solid; border-color:rgb(189, 189, 189); /*background-color:rgba(255, 255, 255,1);*/ overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_news{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*列表缩略图切换1*/ .c_news_list-02001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_news_list-02001 .p_CommonSwitchBtnA .iconfont{ } .c_news_list-02001 .p_CommonSwitchBtnA .iconfont:before{ content: '\e687'; display: inline-block; } .c_news_list-02001 .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*通用容器*/ .c_news_list-02001 .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_CommonLanternBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_news_list-02001 .p_Newslist{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*c_news_list-02001*/ .c_news_list-02001{ width: 640px; height: 1162px; position: absolute; overflow: hidden; font-size: 0; } .c_news_list-02001 .p_Newslist{ width: auto; height: auto; white-space: normal; background: transparent; } /*p_news*/ .c_news_list-02001 .p_news{ width: auto; height: auto; padding: 10px; white-space: normal; } /*p_articles*/ .c_news_list-02001 .p_articles{ height: auto; /*background: #fff;*/ padding: 15px; margin:10px; overflow: hidden; display: inline-block; width:calc((100% - 40px)/2); vertical-align: top; } .c_news_list-02001 .p_articles:active{ background: #dedede; } /*p_images*/ .c_news_list-02001 .p_images{ width: auto; height: auto; display:block; margin-bottom: 10px; } .c_news_list-02001 .p_image{ width: 100%; height: auto; overflow: hidden; } .c_news_list-02001 .higher .p_image{ position: absolute; height: 100%; } .c_news_list-02001 .widther .p_image{ position: absolute; height: 100%; } .c_news_list-02001 .smaller .p_image{ position: absolute; height: 100%; } .c_news_list-02001 .p_image img{ width: 100%; /*height: inherit;*/ } .c_news_list-02001 .p_VideoIcon{ position: absolute; top: 50%; left: 50%; width: auto; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .c_news_list-02001 .p_VideoIcon .iconfont:before{ content: "\e6be"; font-size: 50px; } .c_news_list-02001 .p_ListTagA{ position: absolute; top: 25px; right: 10px; width: auto; } /*p_content*/ .c_news_list-02001 .p_content{ height: auto; width: auto; display: block; } .c_news_list-02001 .p_TitleBox{ width: auto; display: block; } .c_news_list-02001 .p_icon{ width: auto; height: auto; float:left; margin-top: 7px; } .c_news_list-02001 .p_header{ display: inline; } .c_news_list-02001 .p_name{ display: inline; float:left; } .c_news_list-02001 .p_name .font{ display: inline; } /*p_title*/ .c_news_list-02001 .p_title{ display: inline; } .c_news_list-02001 .p_title .font{ display: inline; } .c_news_list-02001 .p_titleA{ display: inline; color: #ED5A5A; } .c_news_list-02001 .p_titleA .font{ display: inline; } .c_news_list-02001 .p_TypeBox{ display: inline; } .c_news_list-02001 .p_VideoNews{ margin-right: 5px; float:none; height: 28px; line-height: 28px; } .c_news_list-02001 .p_VideoNews .font{ line-height: inherit; display: inline-block; } .c_news_list-02001 .p_ImgNews{ margin-right: 5px; float:none; height: 28px; line-height: 28px; } .c_news_list-02001 .p_ImgNews .font{ line-height: inherit; display: inline-block; } .c_news_list-02001 .p_top{ margin-right: 5px; } .c_news_list-02001 .p_Recommend{ margin-right: 5px; } .c_news_list-02001 .p_hot{ margin-right: 5px; float:none; vertical-align: inherit; margin-top: 3px; height: 28px; line-height: 28px; } .c_news_list-02001 .p_hot .font{ line-height: inherit; display: inline-block; vertical-align: bottom; } .c_news_list-02001 .p_new{ margin-right: 5px; float:none; vertical-align: inherit; margin-top: 3px; height: 28px; line-height: 28px; } .c_news_list-02001 .p_new .font{ line-height: inherit; display: inline-block; vertical-align: bottom; } /*p_time*/ .c_news_list-02001 .p_TimeBox{ display: inline-block; margin-right: 6px; width: auto; margin-top: 10px; vertical-align: top; } .c_news_list-02001 .p_AssistNameA .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameA .iconfont:before{ content: "\e67b"; } .c_news_list-02001 .p_time{ display: inline-block; color: #515151; } .c_news_list-02001 .p_time .font{ display: block; } .c_news_list-02001 .p_CommentBox{ display: inline-block; margin-right: 6px; width: auto; margin-top: 10px; vertical-align: top; } .c_news_list-02001 .p_AssistNameB .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameB .iconfont:before{ content: "\e696"; } .c_news_list-02001 .p_comment{ display: inline-block; color: #515151; } .c_news_list-02001 .p_comment .font{ display: block; } .c_news_list-02001 .p_ShareBox{ display: inline-block; margin-right: 6px; width: auto; margin-top: 10px; vertical-align: top; } .c_news_list-02001 .p_AssistNameD .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameD .iconfont:before{ content: "\e67f"; } .c_news_list-02001 .p_share{ display: inline-block; color: #515151; } .c_news_list-02001 .p_share .font{ display: block; } .c_news_list-02001 .p_ViewBox{ display: inline-block; margin-right: 6px; width: auto; margin-top: 10px; vertical-align: top; } .c_news_list-02001 .p_AssistNameC .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameC .iconfont:before{ content: "\e69e"; } .c_news_list-02001 .p_view{ display: inline-block; color: #515151; } .c_news_list-02001 .p_view .font{ display: block; } .c_news_list-02001 .p_SortBox{ width: auto; max-width: 100%; display: inline-block; margin-right: 6px; margin-top: 10px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-box; vertical-align: bottom; } .c_news_list-02001 .p_AssistNameE .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameE .iconfont:before{ content: "\e6b1"; } .c_news_list-02001 .p_linkC{ width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; overflow: hidden; } .c_news_list-02001 .p_sort{ vertical-align: bottom; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; color: #515151; overflow: hidden; } .c_news_list-02001 .p_sort .font{ display: block; vertical-align: bottom; overflow: hidden; white-space: normal; } .c_news_list-02001 .p_AuthorBox{ width: auto; max-width: 100%; display: inline-block; margin-right: 6px; margin-top: 10px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-box; vertical-align: bottom; } .c_news_list-02001 .p_AssistNameF .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameF .iconfont:before{ content: "\e6a6"; } .c_news_list-02001 .p_author{ display: inline-block; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; color: #515151; overflow: hidden; } .c_news_list-02001 .p_author .font{ display: block; vertical-align: bottom; overflow: hidden; white-space: normal; } .c_news_list-02001 .p_FromBox{ width: auto; max-width: 100%; display: inline-block; margin-right: 6px; margin-top: 10px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-box; vertical-align: bottom; } .c_news_list-02001 .p_AssistNameG .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameG .iconfont:before{ content: "\e60a"; } .c_news_list-02001 .p_from{ display: inline-block; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; color: #515151; overflow: hidden; } .c_news_list-02001 .p_from .font{ display: block; vertical-align: bottom; overflow: hidden; white-space: normal; } .c_news_list-02001 .p_KeywordBox{ width: inherit; margin-top: 20px; } .c_news_list-02001 .p_AssistNameH{ float:left; } .c_news_list-02001 .p_AssistNameH .iconfont{ margin-right: 5px; } .c_news_list-02001 .p_AssistNameH .iconfont:before{ content: "\e6b3"; } .c_news_list-02001 .p_link{ cursor: default; } .c_news_list-02001 .p_tag{ display: inline-block; color: #515151; white-space: normal; } .c_news_list-02001 .p_tag .font{ display: block; } /*p_summary*/ .c_news_list-02001 .p_SummaryBox{ position: relative; margin-top: 20px; } .c_news_list-02001 .p_nameB{ float:left; } .c_news_list-02001 .p_nameB .font{ line-height: 30px; } .c_news_list-02001 .p_summary{ font-size: 22px; line-height: 30px; } /*p_Icon*/ .c_news_list-02001 .p_Icon{ width: 28px; height: auto; position: static; display: -webkit-box; -webkit-box-align:center; margin-left: 15px; } .c_news_list-02001 .p_Icon:hover{ cursor: default; } .c_news_list-02001 .p_Icon .iconfont{ font-size: 34px; } .c_news_list-02001 .p_Icon .iconfont:before{ content: "\e6ae"; } .c_news_list-02001 .p_Icon:hover .iconfont{ color: #e2e2e2; } .c_news_list-02001 .p_assist{ width: inherit; height: auto; margin-top: 10px; } .c_news_list-02001 .p_about{ width: 100%; height: auto; margin-top: 10px; } .c_news_list-02001 .p_ToDetail{ width: auto; height: 40px; float: right; position: static; margin-top: 20px; } .c_news_list-02001 .p_ToDetail .iconfont{ display: inline; } .c_news_list-02001 .p_ToDetailBox{ width: inherit; height: auto; } .c_news_list-02001 .p_ListTag{ display: inline; vertical-align: top; } .c_news_list-02001 .p_ListTag.BottomRight{ position: absolute; bottom: 0px; right: 0px; background:#fff; white-space: nowrap; } .c_news_list-02001 .p_keywords{ display:block; width: auto; height: auto; white-space: normal; vertical-align: bottom; } .c_news_list-02001 .p_moreBox{ width: auto; height: auto; } .c_news_list-02001 .p_more{ margin:0 auto; position: static; } .c_news_list-02001 .p_moreBox .p_more .iconfont:before{ content: '\e6d1'; } .c_news_list-02001 .p_moreBtn{ position: static; margin: 0 auto; } .c_news_list-02001 .p_moreBtn .iconfont:before{ content: ''; } .c_news_list-02001 .p_pagebox{ margin:0 auto; margin-top: 20px; } /*.c_news_list-02001 .stylebox_content{ border: none; }*/ /*跑马灯*/ .c_news_list-02001 .p_CommonLanternBox{ width: auto; height: auto; position: relative; } .c_news_list-02001 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .c_news_list-02001 .p_CommonSwitchBtnA{ color:rgba(191,191,191,1); } .c_news_list-02001 .p_CommonSwitchBtnA:active{ color: rgba(105,192,188,1); } .c_news_list-02001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e6b0"; } .c_news_list-02001 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); } .c_news_list-02001 .p_CommonSwitchBtnB{ color:rgba(191,191,191,1); } .c_news_list-02001 .p_CommonSwitchBtnB:active{ color: rgba(105,192,188,1); } .c_news_list-02001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6af"; } .c_news_list-02001 .p_CommonSummaryBoxA{ width: auto; height: auto; /* position: relative; */ text-align: center; margin-bottom: 20px; } .c_news_list-02001 .p_CommonThumbnailBox{ width: auto; height: auto; } .c_news_list-02001 .d_CommonInteractionA{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; left: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_news_list-02001 .d_CommonInteractionB{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; right: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_news_list-02001 .p_CommonSquareNumBtn { margin: 0px 5px; } .c_news_list-02001 .p_CommonSquareNumBtn { background-color:rgba(191,191,191,1); } .c_news_list-02001 .p_CommonSquareNumBtn:active { background-color: rgba(105,192,188,1); } .c_news_list-02001 .p_CommonSquareNumBtn.active { background-color: rgba(105,192,188,1); } .lantern{ margin-left: 40px !important; margin-right:40px !important; } /*跑马灯 结束*/ /*标题截取*/ /*.c_news_list-02001 .singleLine .p_icon .font{ display: block; } .c_news_list-02001 .singleLine .p_title{ display: block; } .c_news_list-02001 .singleLine .p_titleA{ display: block; } .c_news_list-02001 .singleLine .p_title .font{ display: block; } .c_news_list-02001 .singleLine .p_titleA .font{ display: block; } .c_news_list-02001 .multiLine .p_title{ display: block; overflow: visible; } .c_news_list-02001 .multiLine .p_titleA{ display: block; overflow: visible; } .c_news_list-02001 .multiLine .p_title .font{ display: block; overflow: visible; } .c_news_list-02001 .multiLine .p_titleA .font{ display: block; overflow: visible; } .c_news_list-02001 .multiLine .p_header{ display: block; } .c_news_list-02001 .multiLine .p_VideoNews{ margin-top: 3px; } .c_news_list-02001 .multiLine .p_ImgNews{ margin-top: 3px; }*/.p_PromptFail{ width: 580px; height: 360px; background-color:rgba(255, 255, 255, 0.8); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 0; z-index: 999999999; } .p_PromptFail .iconfont{ display: inline-block; margin-left: 40px; color: #de7676; font-size: 64px; height: auto; vertical-align: -20px; } .p_PromptFail .iconfont:before{ content: "\e641"; } .p_PromptFail .fontbox{ display: table-cell; vertical-align: middle; text-align: center; } .p_PromptFail .promptbox{ display: table; width: inherit; height: 360px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 10px 10px 10px 10px; } .p_PromptFail .font{ width: auto; height: auto; font-size: 43px; display: inline-block; vertical-align: middle; margin-left: 20px; color: #000; } .p_PromptFail .assistfont{ width: auto; height: auto; font-size: 32px; display: block; margin-top: 20px; margin-bottom: 10px; } .p_PromptFail .Confirm{ display: inline-block; width: 290px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 0px 10px; border-right-width: 0; position: absolute; bottom: 0; left: 0; display: none; } .p_PromptFail .Confirm:active{ background-color: #d1ecea; } .p_PromptFail .cancel { display: inline-block; width: 290px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 10px 0px; position: absolute; bottom: 0; right: 0; display: none; } .p_PromptFail .cancel:active{ background-color: #d1ecea; } .p_PromptFail .close{ display: block; width: 580px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 10px 10px; position: absolute; bottom: 0; left: 0; } .p_PromptFail .close:active{ background-color: #d1ecea; } .p_PromptSucc{ width: 580px; height: 360px; background-color:rgba(255, 255, 255, 0.8); border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 10px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 0; z-index: 999999999999; } .p_PromptSucc .iconfont{ display: inline-block; margin-left: 40px; color: #09bb07; font-size: 64px; height: auto; vertical-align: -20px; } .p_PromptSucc .iconfont:before{ content: "\e648"; } .p_PromptSucc .fontbox{ display: table-cell; vertical-align: middle; text-align: center; } .p_PromptSucc .promptbox{ display: table; width: inherit; height: inherit; } .p_PromptSucc .font{ width: auto; height: auto; font-size: 43px; display: inline-block; vertical-align: middle; margin-left: 20px; color: #000; } .p_PromptSucc .assistfont{ width: auto; height: auto; font-size: 32px; display: block; margin-top: 20px; margin-bottom: 10px; } .p_PromptSucc .Confirm{ display: none; } .p_PromptSucc .cancel { display: none; } .p_PromptSucc .close{ display: none; } .p_PromptDisabled{ width: auto; height: auto; background-color: inherit; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 999999999; } .p_PromptDisabled .prompt_title .iconfont:before { content: ""; } .p_PromptDisabled .prompt_title .first{ height: auto; color: rgba(255, 0, 0, 1); display: inline-block; font-size: 50px; margin-right: 10px; position: relative; top: 12px; } .p_PromptDisabled .prompt_title .first:before{ content: "\e610"; } .p_PromptDisabled .prompt_title{ font-size: 32px; color: rgba(0,0,0,1); font-weight: bold; } .p_PromptDisabled .prompt_title .font{ display: inline-block; line-height: 50px; vertical-align: top; } .p_PromptDisabled .promptbox{ width: auto; height: auto; } .p_PromptDisabled .prompt_content { font-size: 24px; color: rgba(105, 105, 105,1); padding-left: 65px; } .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .p_prompt .prompt_title .iconfont:before { content: ""; } .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .p_prompt .promptbox{ width: auto; height: 100%; } .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*通用容器*/ .c_message_form-01001 .p_SliderI{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderH{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderG{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderF{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderE{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderD{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderC{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderB{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_Slider{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*引导短连接*/ .c_message_form-01001 .p_clear{ background-color: transparent; border-color:#f0f0f0; border-width:none; display:inline-block; /*min-height:29px;*/ margin:0; /*min-width:86px;*/ cursor:pointer; color:#65beba; font-size:32px; text-align:left; white-space:nowrap; overflow:visible; } .c_message_form-01001 .p_clear .font{ vertical-align:middle; line-height: 38px; } .c_message_form-01001 .p_clear .iconfont:before{ content:""; } /*引导短连接*/ .c_message_form-01001 .p_done{ background-color: transparent; border-color:#f0f0f0; border-width:none; display:inline-block; /*min-height:29px;*/ margin:0; /*min-width:86px;*/ cursor:pointer; color:#65beba; font-size:32px; text-align:left; white-space:nowrap; overflow:visible; } .c_message_form-01001 .p_done .font{ vertical-align:middle; line-height: 38px; } .c_message_form-01001 .p_done .iconfont:before{ content:""; } /*列表缩略图切换1*/ .c_message_form-01001 .p_NextIcon{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_message_form-01001 .p_NextIcon .iconfont{ } .c_message_form-01001 .p_NextIcon .iconfont:before{ content: '\e687'; display: inline-block; } .c_message_form-01001 .p_NextIcon .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*列表缩略图切换1*/ .c_message_form-01001 .p_PreIcon{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_message_form-01001 .p_PreIcon .iconfont{ } .c_message_form-01001 .p_PreIcon .iconfont:before{ content: '\e687'; display: inline-block; } .c_message_form-01001 .p_PreIcon .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*通用容器*/ .c_message_form-01001 .p_SliderHead{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_SliderBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用按钮-普通*/ .c_message_form-01001 .p_CommonBtnA{ font-size:32px; width: 600px; height:70px; color:rgba(255,255,255,1); background-color:rgba(101, 190, 186, 1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; border-radius: 8px; } .c_message_form-01001 .p_CommonBtnA:active{ color:rgba(255,255,255,1); background-color:rgba(58,150,146,1); } .e_btnb-001:active .font{ color:rgba(255,255,255,1); } .c_message_form-01001 .p_CommonBtnA .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .c_message_form-01001 .p_CommonBtnA .iconfont{ display: none; } .iconfont:before{ content: ''; } /*辅助文字*/ .c_message_form-01001 .p_refresh{ display:inline-block; margin:0; padding:0; color:#a7a7a7; font-size: 18px; text-align:left; white-space: nowrap; overflow: visible; } .c_message_form-01001 .p_refresh .font{ /*word-break: break-all;*/ /*font-size:18px;*/ line-height: 35px; vertical-align: top; } .c_message_form-01001 .p_refresh .iconfont:before{ display: inline-block; content:""; } /*通用图片边框*/ .c_message_form-01001 .p_image{ width: auto; height: auto; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } /*普通正文标题*/ .c_message_form-01001 .p_starA{ display:inline-block; margin:0; padding:0; color: #fff; font-size: 36px; font-weight: bold; } .c_message_form-01001 .p_starA .font{ text-align: center; vertical-align: middle; } .c_message_form-01001 .p_starA .iconfont:before{ content:"\e649"; } /*无样式输入框*/ /*.c_message_form-01001 .p_captcha*/ .c_message_form-01001 .p_captcha { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_captcha:hover { cursor: text; } .c_message_form-01001 .p_captcha .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .p_captcha.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_captcha .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_captcha .iconfont:before { content: ""; } .c_message_form-01001 .p_captcha .last:before{ content: ""; } .c_message_form-01001 .p_captcha .InputText:hover { cursor: text; } .c_message_form-01001 .p_captcha input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_captcha .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_captcha .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_captcha .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameX{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameX .font{ vertical-align:top; display:block; line-height: 35px; font-family:Arial, Helvetica, sans-serif; } .c_message_form-01001 .p_nameX .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_CaptchaBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*多行输入框*/ .c_message_form-01001 .d_textarea { width:580px; height:168px; line-height:30px; font-size: 30px; color: #323232; resize:none; font-family: Arial,"黑体"; } .c_message_form-01001 .d_textarea .Text{ display:inline-block; height: inherit; width: inherit; padding-left:5px; padding-right:5px; line-height: inherit; border-width:1px; border-style:solid; border-color:rgba(200, 200, 200, 1); font-size: inherit; } .c_message_form-01001 .d_textarea.error .Text{ border-color:#F00; } .c_message_form-01001 .d_textarea .Text:hover { cursor: text; } .c_message_form-01001 .d_textarea.d_error .Text{ border-color:#f00; } .c_message_form-01001 .d_textarea .Text:focus { border-color: rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 5px; } .c_message_form-01001 .d_textarea:active{ } .e_text.disabled { background-color: rgba(235, 235, 228, 1); } .c_message_form-01001 .d_textarea.inputed .Text { border-color:rgba(76, 95, 213, 1); } /*通用容器*/ .c_message_form-01001 .d_CustomTextarea{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .d_input*/ .c_message_form-01001 .d_input { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .d_input:hover { cursor: text; } .c_message_form-01001 .d_input .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .d_input.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .d_input .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .d_input .iconfont:before { content: ""; } .c_message_form-01001 .d_input .last:before{ content: ""; } .c_message_form-01001 .d_input .InputText:hover { cursor: text; } .c_message_form-01001 .d_input input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .d_input .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .d_input .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .d_input .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*通用容器*/ .c_message_form-01001 .d_CustomInput{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*复选框*/ .c_message_form-01001 .d_checkboxA{ display: inline-block; vertical-align:middle; font-size: 26px; height: 88px; line-height: 88px; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); background-color: #fff; padding-right: 15px; } .c_message_form-01001 .d_checkboxA .iconfont:before { content: ""; } .c_message_form-01001 .d_checkboxA .iconfont { } .c_message_form-01001 .d_checkboxA .checkbox { z-index: 99; cursor: pointer; display: none; } .c_message_form-01001 .d_checkboxA .shape { width: 89px; height: 50px; position: relative; display: inline-block; vertical-align: middle; background: #ffffff; border-radius: 50px; transition: all .3s ease-out; box-shadow: 0px 0px 0px 2px #ddd; } .c_message_form-01001 .d_checkboxA .option{ width: auto; height: 80px; white-space: nowrap; } .c_message_form-01001 .d_checkboxA label:hover{ cursor:pointer; } .c_message_form-01001 .d_checkboxA .font { width: 460px; display: inline-block; padding-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .c_message_form-01001 .d_checkboxA .iconfont.first { display: block; position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; cursor: pointer; background: #ffffff; border-radius: 50px; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); transition: all .3s ease-out; } .c_message_form-01001 .d_checkboxA .iconfont.first:before{ content: "\e690"; position: absolute; top: 10px; left: 10px; } .c_message_form-01001 .d_checkboxA.active .checkbox + .shape { background: #65beba; box-shadow: 0px 0px 0px 2px #65beba; } .c_message_form-01001 .d_checkboxA.active .checkbox + .shape .iconfont.first { left: 39px; } .c_message_form-01001 .d_checkboxA.active .checkbox + .shape .iconfont.first:before{ content: "\e6ab"; position: absolute; top: 10px; left: 10px; } .c_message_form-01001 .d_checkboxA .checkbox:checked + .shape { background: #65beba; box-shadow: 0px 0px 0px 2px #65beba; } .c_message_form-01001 .d_checkboxA .checkbox:checked + .shape .iconfont.first { left: 39px; } .c_message_form-01001 .d_checkboxA .checkbox:checked + .shape .iconfont.first:before{ content: "\e6ab"; position: absolute; top: 10px; left: 10px; } /*表单字段名*/ .c_message_form-01001 .d_nameP{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .d_nameP .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .d_nameP .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .d_SelectMore{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*单选框*/ .c_message_form-01001 .d_CustomValue{ display: inline-block; vertical-align:middle; font-size: 26px; height: 88px; line-height: 88px; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); background-color: #fff; padding-right: 15px; } .c_message_form-01001 .d_CustomValue .iconfont:before { content: ""; } .c_message_form-01001 .d_CustomValue .iconfont { } .c_message_form-01001 .d_CustomValue .radio { z-index: 99; cursor: pointer; display: none; } .c_message_form-01001 .d_CustomValue .shape { width: 89px; height: 50px; position: relative; display: inline-block; vertical-align: middle; border-radius: 50px; transition: all .3s ease-out; box-shadow: 0px 0px 0px 2px #ddd; } .c_message_form-01001 .d_CustomValue .option{ width: auto; height: 80px; white-space: nowrap; } .c_message_form-01001 .d_CustomValue label:hover{ cursor:pointer; } .c_message_form-01001 .d_CustomValue .font { width: 460px; display: inline-block; padding-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .c_message_form-01001 .d_CustomValue .iconfont.first { display: block; position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; cursor: pointer; background: #ffffff; border-radius: 50px; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); transition: all .3s ease-out; } .c_message_form-01001 .d_CustomValue .iconfont.first:before{ content: "\e690"; position: absolute; top: 10px; left: 10px; } .c_message_form-01001 .d_CustomValue.active .radio + .shape { background: #65beba; box-shadow: 0px 0px 0px 2px #65beba; } .c_message_form-01001 .d_CustomValue.active .radio + .shape .iconfont.first { left: 39px; } .c_message_form-01001 .d_CustomValue.active .radio + .shape .iconfont.first:before{ content: "\e6ab"; position: absolute; top: 10px; left: 10px; } .c_message_form-01001 .d_CustomValue .radio:checked + .shape { background: #65beba; box-shadow: 0px 0px 0px 2px #65beba; } .c_message_form-01001 .d_CustomValue .radio:checked + .shape .iconfont.first { left: 39px; } .c_message_form-01001 .d_CustomValue .radio:checked + .shape .iconfont.first:before{ content: "\e6ab"; position: absolute; top: 10px; left: 10px; } /*表单字段名*/ .c_message_form-01001 .d_CustomName{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .d_CustomName .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .d_CustomName .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .d_custom{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .d_time*/ .c_message_form-01001 .d_time { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .d_time:hover { cursor: text; } .c_message_form-01001 .d_time .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .d_time.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .d_time .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .d_time .iconfont:before { content: ""; } .c_message_form-01001 .d_time .last:before{ content: ""; } .c_message_form-01001 .d_time .InputText:hover { cursor: text; } .c_message_form-01001 .d_time input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .d_time .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .d_time .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .d_time .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .d_InputName{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .d_InputName .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .d_InputName .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .d_timeBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .d_date*/ .c_message_form-01001 .d_date { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .d_date:hover { cursor: text; } .c_message_form-01001 .d_date .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .d_date.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .d_date .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .d_date .iconfont:before { content: ""; } .c_message_form-01001 .d_date .last:before{ content: ""; } .c_message_form-01001 .d_date .InputText:hover { cursor: text; } .c_message_form-01001 .d_date input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .d_date .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .d_date .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .d_date .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .d_TextareaName{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .d_TextareaName .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .d_TextareaName .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .d_dateBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_message_form-01001 .d_select{ cursor: pointer; font-size: 32px; width: 580px; height: 70px; position: relative; line-height: 32px; font-family: Arial,"黑体"; } .c_message_form-01001 .d_select .iconfont{ position: absolute; top: 18px; right: 20px; pointer-events: none; } .c_message_form-01001 .d_select .iconfont:before{ content: "\e69a"; } .c_message_form-01001 .d_select select{ width: inherit; height: inherit; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-left: 20px; padding-right: 20px; cursor: pointer; font-family: inherit; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; } .c_message_form-01001 .d_select select:active{ box-shadow: 2px 2px 0 0 rgba(90,90,90,.8) inset; } /*表单字段名*/ .c_message_form-01001 .p_nameO{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameO .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameO .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_customA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_ZipCode*/ .c_message_form-01001 .p_ZipCode { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_ZipCode:hover { cursor: text; } .c_message_form-01001 .p_ZipCode .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .p_ZipCode.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_ZipCode .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_ZipCode .iconfont:before { content: ""; } .c_message_form-01001 .p_ZipCode .last:before{ content: ""; } .c_message_form-01001 .p_ZipCode .InputText:hover { cursor: text; } .c_message_form-01001 .p_ZipCode input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_ZipCode .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_ZipCode .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_ZipCode .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameJ{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameJ .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameJ .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_ZipCodeBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_address*/ .c_message_form-01001 .p_address { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_address:hover { cursor: text; } .c_message_form-01001 .p_address .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .p_address.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_address .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_address .iconfont:before { content: ""; } .c_message_form-01001 .p_address .last:before{ content: ""; } .c_message_form-01001 .p_address .InputText:hover { cursor: text; } .c_message_form-01001 .p_address input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_address .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_address .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_address .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameI{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameI .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameI .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_AddressBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_email*/ .c_message_form-01001 .p_email { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_email:hover { cursor: text; } .c_message_form-01001 .p_email .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgb(38, 38, 38); padding: 0 60px 0 80px; background: #262626; font-family: inherit; font-size: inherit; } .c_message_form-01001 .p_email.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_email .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_email .iconfont:before { content: ""; } .c_message_form-01001 .p_email .last:before{ content: ""; } .c_message_form-01001 .p_email .InputText:hover { cursor: text; } .c_message_form-01001 .p_email input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_email .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_email .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_email .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameH{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameH .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameH .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_EmailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_fax*/ .c_message_form-01001 .p_fax { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_fax:hover { cursor: text; } .c_message_form-01001 .p_fax .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .p_fax.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_fax .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_fax .iconfont:before { content: ""; } .c_message_form-01001 .p_fax .last:before{ content: ""; } .c_message_form-01001 .p_fax .InputText:hover { cursor: text; } .c_message_form-01001 .p_fax input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_fax .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_fax .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_fax .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameG{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameG .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameG .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_FaxBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_phone*/ .c_message_form-01001 .p_phone { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_phone:hover { cursor: text; } .c_message_form-01001 .p_phone .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; line-height: inherit; border: 1px solid rgb(38, 38, 38); padding: 0 60px 0 80px; font-family: inherit; background: #262626; font-size: inherit; } .c_message_form-01001 .p_phone.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_phone .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_phone .iconfont:before { content: ""; } .c_message_form-01001 .p_phone .last:before{ content: ""; } .c_message_form-01001 .p_phone .InputText:hover { cursor: text; } .c_message_form-01001 .p_phone input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_phone .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_phone .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_phone .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameE{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameE .font{ vertical-align:top; display:block; line-height: 35px; font-family:Arial, Helvetica, sans-serif; } .c_message_form-01001 .p_nameE .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_PhoneBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_telephone*/ .c_message_form-01001 .p_telephone { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_telephone:hover { cursor: text; } .c_message_form-01001 .p_telephone .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 80px; font-family: inherit; font-size: inherit; } .c_message_form-01001 .p_telephone.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_telephone .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_telephone .iconfont:before { content: ""; } .c_message_form-01001 .p_telephone .last:before{ content: ""; } .c_message_form-01001 .p_telephone .InputText:hover { cursor: text; } .c_message_form-01001 .p_telephone input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_telephone .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_telephone .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_telephone .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameD{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameD .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameD .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_TelephoneBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_message_form-01001 .p_sex{ cursor: pointer; font-size: 32px; width: 580px; height: 70px; position: relative; line-height: 32px; font-family: Arial,"黑体"; } .c_message_form-01001 .p_sex .iconfont{ position: absolute; top: 18px; right: 20px; pointer-events: none; } .c_message_form-01001 .p_sex .iconfont:before{ content: "\e69a"; } .c_message_form-01001 .p_sex select{ width: inherit; height: inherit; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-left: 20px; padding-right: 20px; cursor: pointer; font-family: inherit; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; } .c_message_form-01001 .p_sex select:active{ box-shadow: 2px 2px 0 0 rgba(90,90,90,.8) inset; } /*表单字段名*/ .c_message_form-01001 .p_nameC{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameC .font{ vertical-align:top; display:block; line-height: 35px; } .c_message_form-01001 .p_nameC .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_SexBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*无样式输入框*/ /*.c_message_form-01001 .p_nameM*/ .c_message_form-01001 .p_nameM { display: inline-block; width: 580px; height: 70px; vertical-align:middle; color: inherit; position: relative; font-size: 30px; /*color: rgba(167,167,167,1);*/ color: #323232; font-family: Arial,"黑体"; } .c_message_form-01001 .p_nameM:hover { cursor: text; } .c_message_form-01001 .p_nameM .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgb(38, 38, 38); padding: 0 60px 0 80px; font-family: inherit; background: #262626; font-size: inherit; } .c_message_form-01001 .p_nameM.error input { border: 1px solid rgba(255, 3, 3, 1); } .c_message_form-01001 .p_nameM .iconfont{ position: absolute; color: rgba(167,167,167,1); } .c_message_form-01001 .p_nameM .iconfont:before { content: ""; } .c_message_form-01001 .p_nameM .last:before{ content: ""; } .c_message_form-01001 .p_nameM .InputText:hover { color: #fff; cursor: text; } .c_message_form-01001 .p_nameM input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1); } .e_input.disabled .InputText { } .c_message_form-01001 .p_nameM .iconfont.last.error:before{ content: "\e640"; color: rgba(237,90,90,1); } .c_message_form-01001 .p_nameM .iconfont.last.success:before{ content: "\e6cd"; color:#65beba; } .c_message_form-01001 .p_nameM .iconfont.item_hide + input{ padding: 0 60px 0 10px; }/*表单字段名*/ .c_message_form-01001 .p_nameB{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameB .font{ vertical-align:top; display:block; line-height: 35px; font-family:Arial, Helvetica, sans-serif; } .c_message_form-01001 .p_nameB .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_NameBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*普通正文标题*/ .c_message_form-01001 .p_star{ display:inline-block; margin:0; padding:0; color: #fff; font-size: 36px; font-weight: bold; } .c_message_form-01001 .p_star .font{ text-align: center; vertical-align: middle; } .c_message_form-01001 .p_star .iconfont:before{ content:"\e649"; } /*多行输入框*/ .c_message_form-01001 .p_content { width:580px; height:168px; line-height:30px; font-size: 30px; color: #323232; resize:none; font-family: Arial,"黑体"; } .c_message_form-01001 .p_content .Text{ display:inline-block; height: inherit; width: inherit; color: #fff; padding-left:5px; padding-right:5px; background: #262626; line-height: inherit; border-width:1px; border-style:solid; border-color: rgb(38, 38, 38); font-size: inherit; } .c_message_form-01001 .p_content.error .Text{ border-color:#F00; } .c_message_form-01001 .p_content .Text:hover { cursor: text; } .c_message_form-01001 .p_content.d_error .Text{ border-color:#f00; } .c_message_form-01001 .p_content .Text:focus { border-color: rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 5px; } .c_message_form-01001 .p_content:active{ } .e_text.disabled { background-color: rgba(235, 235, 228, 1); } .c_message_form-01001 .p_content.inputed .Text { border-color:rgba(76, 95, 213, 1); } /*通用容器*/ .c_message_form-01001 .p_StarBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*表单字段名*/ .c_message_form-01001 .p_nameA{ display:block; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:normal; overflow:visible; } .c_message_form-01001 .p_nameA .font{ vertical-align:top; display:block; font-family:Arial, Helvetica, sans-serif; line-height: 35px; } .c_message_form-01001 .p_nameA .iconfont:before{ content:""; }/*通用容器*/ .c_message_form-01001 .p_ContentBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_MessageBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*概要列表标题*/ .c_message_form-01001 .p_AssistLabelA{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_message_form-01001 .p_AssistLabelA .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_message_form-01001 .p_AssistLabelA:active{ color:#57B2AD; } .c_message_form-01001 .p_AssistLabelA.selected{ color:#45A5A1; } .c_message_form-01001 .p_AssistLabelA.disabled{ color:#666666; } .c_message_form-01001 .p_AssistLabelA .iconfont:before{ content:""; } /*大正文标题*/ .c_message_form-01001 .p_nameT{ display:inline-block; margin:0; padding:0; color:#000000; font-size:43px; font-weight:400; text-align:center; white-space:nowrap; overflow:visible; } .c_message_form-01001 .p_nameT .font{ vertical-align:middle; line-height: 50px; } .c_message_form-01001 .p_nameT .iconfont:before{ display:inline-block; content:""; }/*通用容器*/ .c_message_form-01001 .p_header{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_message_form-01001 .p_MessageForm{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*留言表单组件*/ .c_message_form-01001{ width: 640px; height: 3839px; position: absolute; overflow:hidden; } .c_message_form-01001 .p_MessageForm{ width: auto; height: auto; font-size: 0; background: transparent; } .c_message_form-01001 .p_header{ padding: 0 30px 30px 30px; height: auto; background-color: #e6e8e8; width: 600px; margin: 30px 20px 0 20px; border-left: 3px solid #65beba; } .p_LoginPrompt{ width: 640px; height: auto; background-color: rgba(255,0,0,.3); text-align: center; position: fixed; top: 0; z-index: 99999999999; padding: 20px; color: #fff; font-size: 30px; } .p_LoginPrompt .font{ } .p_LoginPrompt .iconfont{ margin-right: 5px; } .p_LoginPrompt .iconfont.icon-error:before{ content: "\e63f"; } .p_LoginPrompt .text-error{ display: inline-block; font-style: normal; } .p_LoginPrompt a.p_link{ display: none; } .c_message_form-01001 .p_MessageBox { padding: 0px 30px 30px 30px; overflow: visible; } .c_message_form-01001 .p_nameT{ display: block; height: 70px; line-height: 70px; font-size: 42px; color: rgb(50,50,50); text-align: left; } .c_message_form-01001 .p_nameT .font{ display: inline-block; } .c_message_form-01001 .p_AssistLabelA{ font-size: 30px; color: rgb(50,50,50); text-align: left; display: block; } .c_message_form-01001 .p_AssistLabelA .font{ display: block; } /*姓名*/ .c_message_form-01001 .d_NameBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_GuideBox{ display: block; } .c_message_form-01001 .p_nameB{ font-size: 26px; } .c_message_form-01001 .p_nameB .font{ } .c_message_form-01001 .p_nameM{ } .c_message_form-01001 .p_nameM input{ color: #323232; } .c_message_form-01001 .p_nameM .iconfont.forward:before{ content: '\e6a6'; } .c_message_form-01001 .p_nameM .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_nameM .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_nameM .iconfont.last:before{ content: "\e616"; } /*性别*/ .c_message_form-01001 .d_SexBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameC{ font-size: 26px; } .c_message_form-01001 .p_nameC .font{ } .c_message_form-01001 .p_sex{ width: 580px; } /*电话*/ .c_message_form-01001 .d_TelephoneBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameD{ font-size: 26px; } .c_message_form-01001 .p_nameD .font{ } .c_message_form-01001 .p_telephone{ } .c_message_form-01001 .p_telephone input{ color: #323232; } .c_message_form-01001 .p_telephone .iconfont.forward:before{ content: "\e628"; } .c_message_form-01001 .p_telephone .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_telephone .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_telephone .iconfont.last:before{ content: "\e616"; } /*手机*/ .c_message_form-01001 .d_PhoneBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameE{ font-size: 26px; } .c_message_form-01001 .p_nameE .font{ } .c_message_form-01001 .p_phone{ color: #323232; } .c_message_form-01001 .p_phone input{ color: inherit; } .c_message_form-01001 .p_phone .iconfont.forward:before{ content: "\e629"; } .c_message_form-01001 .p_phone .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_phone .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_phone .iconfont.last:before{ content: "\e616"; } /*传真*/ .c_message_form-01001 .d_FaxBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameG{ font-size: 26px; } .c_message_form-01001 .p_nameG .font{ } .c_message_form-01001 .p_fax{ color: #323232; } .c_message_form-01001 .p_fax input{ color: inherit; } .c_message_form-01001 .p_fax .iconfont.forward:before{ content: "\e66f"; } .c_message_form-01001 .p_fax .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_fax .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_fax .iconfont.last:before{ content: "\e616"; } /*邮箱*/ .c_message_form-01001 .d_EmailBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameH{ font-size: 26px; } .c_message_form-01001 .p_nameH .font{ } .c_message_form-01001 .p_email{ color: #323232; } .c_message_form-01001 .p_email input{ color: inherit; } .c_message_form-01001 .p_email .iconfont.forward:before{ content: "\e676"; } .c_message_form-01001 .p_email .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_email .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_email .iconfont.last:before{ content: "\e616"; } /*详细地址*/ .c_message_form-01001 .d_AddressBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameI{ font-size: 26px; } .c_message_form-01001 .p_nameI .font{ } .c_message_form-01001 .p_address{ color: #323232; } .c_message_form-01001 .p_address input{ color: inherit; } .c_message_form-01001 .p_address .iconfont.forward:before{ content: "\e630"; } .c_message_form-01001 .p_address .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_address .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_address .iconfont.last:before{ content: "\e616"; } /*邮编*/ .c_message_form-01001 .d_ZipCodeBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameJ{ font-size: 26px; } .c_message_form-01001 .p_nameJ .font{ } .c_message_form-01001 .p_ZipCode{ color: #323232; } .c_message_form-01001 .p_ZipCode input{ color: inherit; } .c_message_form-01001 .p_ZipCode .iconfont.forward:before{ content: "\e6c7"; } .c_message_form-01001 .p_ZipCode .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .p_ZipCode .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .p_ZipCode .iconfont.last:before{ content: "\e616"; } /*留言内容*/ .c_message_form-01001 .d_ContentBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .p_nameA{ font-size: 26px; } .c_message_form-01001 .p_nameA .font{ } .c_message_form-01001 .p_content{ color: #323232; } .c_message_form-01001 .p_content textarea{ color: inherit; } .c_message_form-01001 .p_content .Text{ padding-top: 10px; } /*下拉列表*/ .c_message_form-01001 .d_customA{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_nameO{ font-size: 26px; } .c_message_form-01001 .d_nameO .font{ } .c_message_form-01001 .d_select{ width: 580px; } /*日期*/ .c_message_form-01001 .d_dateBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_nameR{ font-size: 26px; } .c_message_form-01001 .d_date input:active{ box-shadow: 2px 2px 0 0 rgba(90,90,90,.8) inset; } .c_message_form-01001 .d_date input{ color: #323232; } .c_message_form-01001 .d_date input:hover{ cursor: default; } .c_message_form-01001 .d_date input:focus{ outline: none; border: 1px solid rgba(200, 200, 200, 1); } .c_message_form-01001 .d_date .iconfont.forward:before{ content: "\e6c7"; } .c_message_form-01001 .d_date .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .d_date .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .d_date .iconfont.last:before{ content: "\e60f"; } /*时间*/ .c_message_form-01001 .d_timeBox{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_nameQ{ font-size: 26px; } .c_message_form-01001 .d_time input:active{ box-shadow: 2px 2px 0 0 rgba(90,90,90,.8) inset; } .c_message_form-01001 .d_time{ color: #323232; } .c_message_form-01001 .d_time input{ color: inherit; } .c_message_form-01001 .d_time input:hover{ cursor: default; } .c_message_form-01001 .d_time input:focus{ outline: none; border: 1px solid rgba(200, 200, 200, 1); } .c_message_form-01001 .d_time .iconfont.forward:before{ content: "\e6c7"; } .c_message_form-01001 .d_time .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .d_time .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .d_time .iconfont.last:before{ content: "\e67b"; } /*单选项*/ .c_message_form-01001 .d_custom{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_CustomName{ font-size: 26px; } .c_message_form-01001 .d_CustomValue{ border-top: none; } .c_message_form-01001 .d_CustomValue:first-child{ border-top: 1px solid rgba(200, 200, 200, 1); } /*复选项*/ .c_message_form-01001 .d_SelectMore{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_nameP{ font-size: 26px; } .c_message_form-01001 .d_checkboxA{ border-top: none; } .c_message_form-01001 .d_checkboxA:first-child{ border-top: 1px solid rgba(200, 200, 200, 1); } .c_message_form-01001 .d_checkboxA .shape{ border-radius: 8px; } .c_message_form-01001 .d_checkboxA .shape .iconfont.first{ border-radius: 8px; } /*单行文本*/ .c_message_form-01001 .d_CustomInput{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_InputName{ font-size: 26px; } .c_message_form-01001 .d_input{ color: #323232; } .c_message_form-01001 .d_input input{ color: inherit; padding-left: 10px; } .c_message_form-01001 .d_input .iconfont.forward:before{ content: "" } .c_message_form-01001 .d_input .iconfont.forward{ top: 20px; left: 25px; } .c_message_form-01001 .d_input .iconfont.last{ top: 20px; right: 25px; display: none; } .c_message_form-01001 .d_input .iconfont.last:before{ content: "\e616"; } /*多行文本*/ .c_message_form-01001 .d_CustomTextarea{ width: 580px; height: auto; margin-top: 30px; overflow: visible; } .c_message_form-01001 .d_TextareaName{ font-size: 26px; } .c_message_form-01001 .d_textarea{ color: #323232; } .c_message_form-01001 .d_textarea textarea{ color: inherit; } .c_message_form-01001 .d_textarea .Text{ padding-top: 10px; } /*验证码*/ .c_message_form-01001 .p_CaptchaBox{ margin-top: 30px; width: 580px; } .c_message_form-01001 .d_nameX{ display: block; } .c_message_form-01001 .p_nameX{ font-size: 26px; } .c_message_form-01001 .p_captcha{ width: 297px; height: 70px; color: #323232; } .c_message_form-01001 .p_captcha input{ color: inherit; } .c_message_form-01001 .p_captcha .InputText{ padding: 0 20px 0 20px; } .c_message_form-01001 .p_image { display: inline-block; position: relative; width: 166px; height: 70px; border-style: none; cursor: pointer; margin-left: 50px; } .c_message_form-01001 .p_refresh{ position: relative; padding-right: 43px; cursor: pointer; display: inline-block; height: 70px; line-height: 70px; vertical-align: top; margin-left: 20px; font-size: 43px; } .c_message_form-01001 .p_refresh .font{ } .c_message_form-01001 .p_refresh .iconfont:before{ position: absolute; right: 0; top: 24px; content: '\e649'; color: rgb(123, 123, 123); } /*确定*/ .c_message_form-01001 .p_CommonBtnA{ position: relative; width: 580px; margin-top: 30px; } /*滑动选择框*/ .c_message_form-01001 .p_SliderBox{ width: 640px; height: 519px; } .c_message_form-01001 .p_SliderHead{ height: 88px; background-color: #f0f1f2; line-height: 88px; } .c_message_form-01001 .p_PreIcon{ float: left; } .c_message_form-01001 .p_PreIcon .iconfont{ color: #007aff; font-size: 42px; line-height: 88px; margin-left: 30px; } .c_message_form-01001 .p_PreIcon .iconfont:before{ content: "\e6b0"; } .c_message_form-01001 .p_NextIcon{ float: left; } .c_message_form-01001 .p_NextIcon .iconfont{ color: #007aff; font-size: 38px; line-height: 88px; margin-left: 55px; } .c_message_form-01001 .p_NextIcon .iconfont:before{ content: "\e6af"; } .c_message_form-01001 .p_done{ float: right; margin-right: 20px; color: #007aff; } .c_message_form-01001 .p_done .font{ line-height: 88px; } .c_message_form-01001 .p_clear{ float: right; margin-right: 30px; color: #007aff; } .c_message_form-01001 .p_clear .font{ line-height: 88px; } .c_message_form-01001 .p_Slider{ height: 431px; background-color: #d1d5db; padding: 35px 0 35px 0; font-size: 36px; } .c_message_form-01001 .p_SliderE{ color: #292a2c; height: 70px; line-height: 70px; width: auto; border-top: 1px solid rgba(200, 200, 200, 1); border-bottom: 1px solid rgba(200, 200, 200, 1); margin-left: 35px; font-size: 42px; } .c_message_form-01001 .p_yearE{ display: inline-block; width: 142px; } .c_message_form-01001 .p_monthE{ display: inline-block; margin-left: 20px; text-align: right; } .c_message_form-01001 .p_dayE{ display: inline-block; margin-left: 30px; } .c_message_form-01001 .p_hourE{ display: inline-block; margin-left: 10px; } .c_message_form-01001 .p_minE{ display: inline-block; margin-left: 35px; } .c_message_form-01001 .p_SliderA{ height: 15px; line-height: 15px; width: auto; margin-left: 55px; font-size: 36px; color: #c2c7cd; } .c_message_form-01001 .p_yearA{ transform: rotateX(80deg); display: inline-block; width: 128px; } .c_message_form-01001 .p_monthA{ display: inline-block; margin-left: 30px; transform: rotateX(80deg); } .c_message_form-01001 .p_dayA{ display: inline-block; transform: rotateX(80deg); margin-left: 30px; } .c_message_form-01001 .p_hourA{ display: inline-block; margin-left: 15px; transform: rotateX(80deg); } .c_message_form-01001 .p_minA{ display: inline-block; margin-left: 42px; transform: rotateX(80deg); } .c_message_form-01001 .p_SliderB{ height: 30px; line-height: 30px; width: auto; margin-left: 50px; font-size: 36px; color: #a9aeb2; } .c_message_form-01001 .p_yearB{ transform: rotateX(70deg); display: inline-block; } .c_message_form-01001 .p_monthB{ display: inline-block; margin-left: 35px; transform: rotateX(70deg); } .c_message_form-01001 .p_dayB{ display: inline-block; transform: rotateX(70deg); margin-left: 30px; } .c_message_form-01001 .p_hourB{ display: inline-block; margin-left: 25px; transform: rotateX(70deg); } .c_message_form-01001 .p_minB{ display: inline-block; margin-left: 45px; transform: rotateX(70deg); } .c_message_form-01001 .p_SliderC{ height: 50px; line-height: 50px; width: auto; margin-left: 46px; font-size: 38px; color: #91959a; } .c_message_form-01001 .p_yearC{ transform: rotateX(50deg); display: inline-block; } .c_message_form-01001 .p_monthC{ display: inline-block; margin-left: 30px; transform: rotateX(50deg); } .c_message_form-01001 .p_dayC{ display: inline-block; transform: rotateX(50deg); margin-left: 30px; } .c_message_form-01001 .p_hourC{ display: inline-block; margin-left: 20px; transform: rotateX(50deg); } .c_message_form-01001 .p_minC{ display: inline-block; margin-left: 40px; transform: rotateX(50deg); } .c_message_form-01001 .p_SliderD{ height: 55px; line-height: 55px; width: auto; margin-left: 42px; font-size: 40px; color: #959a9e; } .c_message_form-01001 .p_yearD{ transform: rotateX(30deg); display: inline-block; } .c_message_form-01001 .p_monthD{ display: inline-block; margin-left: 25px; transform: rotateX(30deg); } .c_message_form-01001 .p_dayD{ display: inline-block; transform: rotateX(30deg); margin-left: 30px; } .c_message_form-01001 .p_hourD{ display: inline-block; margin-left: 15px; transform: rotateX(30deg); } .c_message_form-01001 .p_minD{ display: inline-block; margin-left: 35px; transform: rotateX(30deg); } .c_message_form-01001 .p_SliderF{ height: 55px; line-height: 55px; width: auto; margin-left: 42px; font-size: 40px; color: #959a9e; } .c_message_form-01001 .p_yearF{ transform: rotateX(-30deg); display: inline-block; } .c_message_form-01001 .p_monthF{ display: inline-block; margin-left: 25px; transform: rotateX(-30deg) } .c_message_form-01001 .p_dayF{ display: inline-block; transform: rotateX(-30deg); margin-left: 30px; } .c_message_form-01001 .p_hourF{ display: inline-block; margin-left: 15px; transform: rotateX(-30deg); } .c_message_form-01001 .p_minF{ display: inline-block; margin-left: 35px; transform: rotateX(-30deg); } .c_message_form-01001 .p_SliderG{ height: 50px; line-height: 50px; width: auto; margin-left: 46px; font-size: 38px; color: #91959a; } .c_message_form-01001 .p_yearG{ transform: rotateX(-50deg); display: inline-block; } .c_message_form-01001 .p_monthG{ display: inline-block; margin-left: 30px; transform: rotateX(-50deg); } .c_message_form-01001 .p_dayG{ display: inline-block; transform: rotateX(-50deg); margin-left: 30px; } .c_message_form-01001 .p_hourG{ display: inline-block; margin-left: 20px; transform: rotateX(-50deg); } .c_message_form-01001 .p_minG{ display: inline-block; margin-left: 40px; transform: rotateX(-50deg); } .c_message_form-01001 .p_SliderH{ height: 30px; line-height: 30px; width: auto; margin-left: 50px; font-size: 36px; color: #a9aeb2; } .c_message_form-01001 .p_yearH{ transform: rotateX(-70deg); display: inline-block; } .c_message_form-01001 .p_monthH{ display: inline-block; margin-left: 35px; transform: rotateX(-70deg); } .c_message_form-01001 .p_dayH{ display: inline-block; transform: rotateX(-70deg); margin-left: 30px; } .c_message_form-01001 .p_hourH{ display: inline-block; margin-left: 25px; transform: rotateX(-70deg); } .c_message_form-01001 .p_minH{ display: inline-block; margin-left: 45px; transform: rotateX(-70deg); } .c_message_form-01001 .p_SliderI{ height: 15px; line-height: 15px; width: auto; margin-left: 55px; font-size: 36px; color: #c2c7cd; } .c_message_form-01001 .p_yearI{ transform: rotateX(-80deg); display: inline-block; } .c_message_form-01001 .p_monthI{ display: inline-block; margin-left: 30px; transform: rotateX(-80deg); } .c_message_form-01001 .p_dayI{ display: inline-block; transform: rotateX(-80deg); margin-left: 30px; } .c_message_form-01001 .p_hourI{ display: inline-block; margin-left: 15px; transform: rotateX(-80deg); } .c_message_form-01001 .p_minI{ display: inline-block; margin-left: 42px; transform: rotateX(-80deg); } .c_message_form-01001 .p_star { display: inline-block; position: absolute; color: red; top: 48px; right: -20px; color: rgba(255, 3, 3, 1); font-size: 24px; } .c_message_form-01001 .p_star .font { } .c_message_form-01001 .p_star .iconfont:before { content: ""; } .c_message_form-01001 .p_StarBox { position: relative; display: inline-block; width: auto; overflow: visible; margin-top: 15px; } .c_message_form-01001 .p_starA { display: inline-block; position: absolute; color: red; top: 33px; right: -20px; color: rgba(255, 3, 3, 1); font-size: 24px; } .c_message_form-01001 .p_starA .font { } .c_message_form-01001 .p_starA .iconfont:before { content: ""; } /*时间日期*/ .dw-trans .dw-persp { overflow: hidden; perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; } .dw-trans .dwwb { -webkit-backface-visibility: hidden; } .dw-in { animation-timing-function: ease-out; animation-duration: 350ms; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; } .dw-out { animation-timing-function: ease-in; animation-duration: 350ms; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-in; -moz-animation-duration: 350ms; } .dw-flip, .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade { backface-visibility: hidden; transform: translateX(0); -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); -moz-backface-visibility: hidden; -moz-transform: translateX(0); } .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade { transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; } .dw-flip, .dw-pop { transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } .dw-pop.dw-in { opacity: 1; transform: scale(1); animation-name: dw-p-in; -webkit-animation-name: dw-p-in; -webkit-transform: scale(1); -moz-animation-name: dw-p-in; -moz-transform: scale(1); } .dw-pop.dw-out { opacity: 0; animation-name: dw-p-out; -webkit-animation-name: dw-p-out; -moz-animation-name: dw-p-out; } .dw-flip.dw-in { opacity: 1; transform: scale(1); animation-name: dw-fl-in; -webkit-animation-name: dw-fl-in; -webkit-transform: scale(1); -moz-animation-name: dw-fl-in; -moz-transform: scale(1); } .dw-flip.dw-out { opacity: 0; animation-name: dw-fl-out; -webkit-animation-name: dw-fl-out; -moz-animation-name: dw-fl-out; } .dw-swing.dw-in { opacity: 1; transform: scale(1); animation-name: dw-sw-in; -webkit-animation-name: dw-sw-in; -webkit-transform: scale(1); -moz-animation-name: dw-sw-in; -moz-transform: scale(1); } .dw-swing.dw-out { opacity: 0; animation-name: dw-sw-out; -webkit-animation-name: dw-sw-out; -moz-animation-name: dw-sw-out; } .dw-slidehorizontal.dw-in { opacity: 1; transform: scale(1); animation-name: dw-sh-in; -webkit-animation-name: dw-sh-in; -webkit-transform: scale(1); -moz-animation-name: dw-sh-in; -moz-transform: scale(1); } .dw-slidehorizontal.dw-out { opacity: 0; animation-name: dw-sh-out; -webkit-animation-name: dw-sh-out; -moz-animation-name: dw-sh-out; } .dw-slidevertical.dw-in { opacity: 1; animation-name: dw-dw-sv-in; transform: scale(1); -webkit-animation-name: dw-dw-sv-in; -webkit-transform: scale(1); -moz-animation-name: dw-dw-sv-in; -moz-transform: scale(1); } .dw-slidevertical.dw-out { opacity: 0; animation-name: dw-sv-out; -webkit-animation-name: dw-sv-out; -moz-animation-name: dw-sv-out; } .dw-slidedown.dw-in { animation-name: dw-sd-in; transform: scale(1); -webkit-animation-name: dw-sd-in; -webkit-transform: scale(1); -moz-animation-name: dw-sd-in; -moz-transform: scale(1); } .dw-slidedown.dw-out { animation-name: dw-sd-out; -webkit-animation-name: dw-sd-out; -moz-animation-name: dw-sd-out; } .dw-slideup.dw-in { transform: scale(1); animation-name: dw-su-in; -webkit-animation-name: dw-su-in; -webkit-transform: scale(1); -moz-animation-name: dw-su-in; -moz-transform: scale(1); } .dw-slideup.dw-out { animation-name: dw-su-out; -webkit-animation-name: dw-su-out; -moz-animation-name: dw-su-out; } .dw-fade.dw-in { opacity: 1; animation-name: dw-f-in; -webkit-animation-name: dw-f-in; -moz-animation-name: dw-f-in; } .dw-fade.dw-out { opacity: 0; animation-name: dw-f-out; -webkit-animation-name: dw-f-out; -moz-animation-name: dw-f-out; } /* Fade in */ @keyframes dw-f-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes dw-f-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes dw-f-in { from { opacity: 0; } to { opacity: 1; } } /* Fade out */ @keyframes dw-f-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes dw-f-out { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes dw-f-out { from { opacity: 1; } to { opacity: 0; } } /* Pop in */ @keyframes dw-p-in { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes dw-p-in { from { opacity: 0; -webkit-transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes dw-p-in { from { opacity: 0; -moz-transform: scale(0.8); } to { opacity: 1; -moz-transform: scale(1); } } /* Pop out */ @keyframes dw-p-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes dw-p-out { from { opacity: 1; -webkit-transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes dw-p-out { from { opacity: 1; -moz-transform: scale(1); } to { opacity: 0; -moz-transform: scale(0.8); } } /* Flip in */ @keyframes dw-fl-in { from { opacity: 0; transform: rotateY(90deg); } to { opacity: 1; transform: rotateY(0); } } @-webkit-keyframes dw-fl-in { from { opacity: 0; -webkit-transform: rotateY(90deg); } to { opacity: 1; -webkit-transform: rotateY(0); } } @-moz-keyframes dw-fl-in { from { opacity: 0; -moz-transform: rotateY(90deg); } to { opacity: 1; -moz-transform: rotateY(0); } } /* Flip out */ @keyframes dw-fl-out { from { opacity: 1; transform: rotateY(0deg); } to { opacity: 0; transform: rotateY(-90deg); } } @-webkit-keyframes dw-fl-out { from { opacity: 1; -webkit-transform: rotateY(0deg); } to { opacity: 0; -webkit-transform: rotateY(-90deg); } } @-moz-keyframes dw-fl-out { from { opacity: 1; -moz-transform: rotateY(0deg); } to { opacity: 0; -moz-transform: rotateY(-90deg); } } /* Swing in */ @keyframes dw-sw-in { from { opacity: 0; transform: rotateY(-90deg); } to { opacity: 1; transform: rotateY(0deg); } } @-webkit-keyframes dw-sw-in { from { opacity: 0; -webkit-transform: rotateY(-90deg); } to { opacity: 1; -webkit-transform: rotateY(0deg); } } @-moz-keyframes dw-sw-in { from { opacity: 0; -moz-transform: rotateY(-90deg); } to { opacity: 1; -moz-transform: rotateY(0deg); } } /* Swing out */ @keyframes dw-sw-out { from { opacity: 1; transform: rotateY(0deg); } to { opacity: 0; transform: rotateY(-90deg); } } @-webkit-keyframes dw-sw-out { from { opacity: 1; -webkit-transform: rotateY(0deg); } to { opacity: 0; -webkit-transform: rotateY(-90deg); } } @-moz-keyframes dw-sw-out { from { opacity: 1; -moz-transform: rotateY(0deg); } to { opacity: 0; -moz-transform: rotateY(-90deg); } } /* Slide horizontal in */ @keyframes dw-sh-in { from { opacity: 0; transform: translateX(-100%); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes dw-sh-in { from { opacity: 0; -webkit-transform: translateX(-100%); } to { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes dw-sh-in { from { opacity: 0; -moz-transform: translateX(-100%); } to { opacity: 1; -moz-transform: translateX(0); } } /* Slide horizontal out */ @keyframes dw-sh-out { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(100%); } } @-webkit-keyframes dw-sh-out { from { opacity: 1; -webkit-transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes dw-sh-out { from { opacity: 1; -moz-transform: translateX(0); } to { opacity: 0; -moz-transform: translateX(100%); } } /* Slide vertical in */ @keyframes dw-dw-sv-in { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes dw-dw-sv-in { from { opacity: 0; -webkit-transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dw-dw-sv-in { from { opacity: 0; -moz-transform: translateY(-100%); } to { opacity: 1; -moz-transform: translateY(0); } } /* Slide vertical out */ @keyframes dw-sv-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(100%); } } @-webkit-keyframes dw-sv-out { from { opacity: 1; -webkit-transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes dw-sv-out { from { opacity: 1; -moz-transform: translateY(0); } to { opacity: 0; -moz-transform: translateY(100%); } } /* Slide Down In */ @keyframes dw-sd-in { from { transform: translateY(-100%); } to { transform: translateY(0); } } @-webkit-keyframes dw-sd-in { from { opacity: 1; -webkit-transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dw-sd-in { from { -moz-transform: translateY(-100%); } to { -moz-transform: translateY(0); } } /* Slide down out */ @keyframes dw-sd-out { from { transform: translateY(0); } to { transform: translateY(-100%); } } @-webkit-keyframes dw-sd-out { from { opacity: 1; -webkit-transform: translateY(0); } to { opacity: 1; -webkit-transform: translateY(-100%); } } @-moz-keyframes dw-sd-out { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(-100%); } } /* Slide Up In */ @keyframes dw-su-in { from { transform: translateY(100%); } to { transform: translateY(0); } } @-webkit-keyframes dw-su-in { from { opacity: 1; -webkit-transform: translateY(100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dw-su-in { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0); } } /* Slide up out */ @keyframes dw-su-out { from { transform: translateY(0); } to { transform: translateY(100%); } } @-webkit-keyframes dw-su-out { from { opacity: 1; -webkit-transform: translateY(0); } to { opacity: 1; -webkit-transform: translateY(100%); } } @-moz-keyframes dw-su-out { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(100%); } } /* Datewheel overlay */ .dw { position: absolute; top: 5%; left: 0; z-index: 1001; color: #000; font-family: arial, verdana, sans-serif; font-size: 12px; text-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .dwi { position: static; margin: 5px; display: inline-block; } .dwwr { min-width: 170px; zoom: 1; padding: 0 10px; text-align: center; } /* Datewheel overlay background */ .dw-persp, .dwo { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99999999999; } .dwo { background: #000; opacity: .7; filter: Alpha(Opacity=70); } /* Bubble positionings */ .dw-bubble .dw { margin: 20px 0; } .dw-bubble .dw-arrw { position: absolute; left: 0; width: 100%; } .dw-bubble-top .dw-arrw { bottom: -36px; } .dw-bubble-bottom .dw-arrw { top: -36px; } .dw-bubble .dw-arrw-i { margin: 0 30px; position: relative; height: 36px; } .dw-bubble .dw-arr { display: block; } .dw-arr { display: none; position: absolute; left: 0; width: 0; height: 0; border-width: 18px 18px; border-style: solid; margin-left: -18px; } .dw-bubble-bottom .dw-arr { top: 0; border-color: transparent transparent #fff transparent; } .dw-bubble-top .dw-arr { bottom: 0; border-color: #fff transparent transparent transparent; } /* Datewheel wheel container wrapper */ .dwc { float: none; margin: 0 2px 5px 2px; padding-top: 30px; display: inline-block; } .dwcc { clear: both; } /* Datewheel label */ .dwl { text-align: center; line-height: 30px; height: 30px; white-space: nowrap; position: absolute; top: -30px; width: 100%; } /* Datewheel value */ .dwv { padding: 10px 0; border-bottom: 1px solid #000; } /* Datewheel wheel container */ .dwrc { -webkit-border-radius: 3px; border-radius: 3px; } .dwwc { margin: 0; padding: 0 2px; position: relative; background: #000; zoom: 1; } /* Datewheel wheels */ .dwwl { margin: 4px 2px; position: relative; z-index: 5; } .dww { margin: 0 2px; overflow: hidden; position: relative; } .dwsc .dwwl { background: #888; background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%); background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000)); background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%); background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%); } .dwsc .dww { color: #fff; background: #444; background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%); background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000)); background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%); background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%); } .dw-bf { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .dw-ul { position: relative; z-index: 2; } .dw-li { padding: 0 5px; display: block; text-align: center; line-height: 40px; font-size: 26px; white-space: nowrap; text-shadow: 0 1px 1px #000; vertical-align: bottom; opacity: .3; filter: Alpha(Opacity=30); } /* Higlighted */ .dw-li.dw-hl { background: #fff; background: rgba(255,255,255,.3); } /* Valid entry */ .dw-li.dw-v { opacity: 1; filter: Alpha(Opacity=100); } /* Hidden entry */ .dw-li.dw-h { visibility: hidden; } .dw-i { position: relative; height: 100%; } /* Wheel +/- buttons */ .dwwb { position: absolute; z-index: 4; left: 0; cursor: pointer; width: 100%; height: 40px; text-align: center; opacity: 1; transition: opacity .2s linear; -webkit-transition: opacity .2s linear; } .dwa .dwwb { opacity: 0; } .dwwbp { top: 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-size: 40px; } .dwwbm { bottom: 0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold; } .dwpm .dwwc { background: transparent; } .dwpm .dww { margin: 0; } .dwpm .dw-li { text-shadow: none; } .dwpm .dwwol { display: none; } /* Datewheel wheel overlay */ .dwwo { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%); background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000)); background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%); background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%); } /* Background line */ .dwwol { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 0; margin-top: -1px; border-top: 1px solid #333; border-bottom: 1px solid #555; } /* Datewheel button */ .dwbg .dwb { cursor: pointer; overflow: hidden; display: block; height: 40px; line-height: 40px; padding: 0 15px; margin: 0 2px; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px #000; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #fff; background: #000; background: linear-gradient(#6e6e6e 50%,#000 50%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e)); background: -moz-linear-gradient(#6e6e6e 50%,#000 50%); background: -o-linear-gradient(#6e6e6e 50%,#000 50%); white-space: nowrap; text-overflow: ellipsis; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius: 5px; } /* Datewheel button container */ .dwbc { padding: 5px 0; text-align: center; clear: both; } .dwbc:after { content: ''; display: block; clear: both; } /* Datewheel button wrapper */ .dwbw { display: inline-block; float: left; width: 50%; position: relative; z-index: 5; } .dwbc-p .dwbw { width: 33.33%; } /* Hidden label */ .dwhl { padding-top: 10px; } .dwhl .dwl { display: none; } /* Multiple selection */ .dwms .dwwms .dw-li { padding: 0 40px; position: relative; } .dwms .dw-msel:after { width: 40px; text-align: center; position: absolute; top: 0; left: 0; content: '✔'; } /* Backgrounds */ .dwbg { background: #fff; border-radius: 3px; -webkit-border-radius: 3px; } .dwbg .dwpm .dwwl { border: 1px solid #aaa; } .dwbg .dwpm .dww { color: #000; background: #fff; -webkit-border-radius: 3px; } .dwbg .dwwb { background: #ccc; color: #888; text-shadow: 0 -1px 1px #333; box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; } .dwbg .dwwbp { background: linear-gradient(#f7f7f7,#bdbdbd); background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7)); background: -moz-linear-gradient(#f7f7f7,#bdbdbd); background: -o-linear-gradient(#f7f7f7,#bdbdbd); } .dwbg .dwwbm { background: linear-gradient(#bdbdbd,#f7f7f7); background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd)); background: -moz-linear-gradient(#bdbdbd,#f7f7f7); background: -o-linear-gradient(#bdbdbd,#f7f7f7); } .dwbg .dwb-a { background: #3c7500; background: linear-gradient(#94c840 50%,#3c7500 50%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840)); background: -moz-linear-gradient(#94c840 50%,#3c7500 50%); background: -o-linear-gradient(#94c840 50%,#3c7500 50%); } .dwbg .dwwl .dwb-a { background: #3c7500; background: linear-gradient(#94c840,#3c7500); background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840)); background: -moz-linear-gradient(#94c840,#3c7500); background: -o-linear-gradient(#94c840,#3c7500); } /* Android ICS skin */ .android-ics .dw { padding: 0; color: #31b6e7; background: #292829; } .android-ics .dw .dwwc, .android-ics .dw .dwwl, .android-ics .dw .dww, .android-ics .dw .dwb, .android-ics .dw .dwpm .dww { background: none; } .android-ics .dwwr { padding: 0; } .android-ics .dwc { margin: 0; padding: 30px 10px 1px 10px; } .android-ics .dwhl { padding: 1px 10px; } .android-ics .dwv { height: 36px; line-height: 36px; padding: 0; border-bottom: 2px solid #31b6e7; font-size: 18px; } .android-ics .dwwl { margin: 0 2px; } .android-ics .dww, .android-ics .dw .dwpm .dwwl, .android-ics .dw .dwpm .dww { border: 0; } .android-ics .dww .dw-li { color: #fff; font-size: 18px; text-shadow: none; } .android-ics .dww .dw-li.dw-hl { background: #31b6e7; background: rgba(49,182,231,.5); } .android-ics .dwwo { background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%); background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828)); background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%); background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%); } .android-ics .dw .dwwb { background: #292829; box-shadow: none; -webkit-box-shadow: none; } .android-ics .dwwb span { display: none; } .android-ics .dwwb:after { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; color: #7e7e7e; width: 0; height: 0; border-width: 8px; border-style: solid; content: ''; } .android-ics .dwwbm { top: 0; bottom: auto; } .android-ics .dwwbp { bottom: 0; top: auto; } .android-ics .dwwbm:after { border-color: transparent transparent #7e7e7e transparent; } .android-ics .dwwbp:after { border-color: #7e7e7e transparent transparent transparent; } .android-ics .dw .dwwl .dwb-a { background: #292829; } .android-ics .dwwbm.dwb-a:after { border-color: transparent transparent #319abd transparent; } .android-ics .dwwbp.dwb-a:after { border-color: #319abd transparent transparent transparent; } .android-ics .dw .dwwol { width: 60%; left: 20%; height: 36px; border-top: 2px solid #31b6e7; border-bottom: 2px solid #31b6e7; margin-top: -20px; display: block; } .android-ics .dwbc { border-top: 1px solid #424542; padding: 0; } .android-ics .dw .dwb { height: 36px; line-height: 36px; padding: 0; margin: 0; font-weight: normal; text-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; } .android-ics .dw .dwb-a { background: #29799c; } .android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb { border-right: 1px solid #424542; } /* Docked */ .android-ics.dw-bottom .dw, .android-ics.dw-top .dw { border-radius: 0; -webkit-border-radius: 0; } /* Multiple select */ .android-ics .dwwms .dwwol { display: none; } .android-ics .dwwms .dw-li { padding-left: 5px; padding-right: 36px; } .android-ics .dwwms .dw-li:after { content: ''; position: absolute; top: 50%; left: auto; right: 10px; width: 14px; height: 14px; margin-top: -9px; color: #31b6e7; line-height: 14px; border: 1px solid #424542; text-shadow: 0 0 5px #29799c; } .android-ics .dwwms .dw-msel:after { content: '✔'; } /* Light version */ .android-ics.light .dw { background: #f5f5f5; -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); z-index: 999999999999999999999; } .android-ics.light .dww .dw-li { color: #000; } .android-ics.light .dwwo { background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%); background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5)); background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%); background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%); } .android-ics.light .dw .dwwb { background: #f5f5f5; color: #f5f5f5; } .android-ics.light .dwbc { border-top: 1px solid #dbdbdb; } .android-ics.light .dwb { color: #000; } .android-ics.light .dwb-a { color: #fff; } .android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb { border-right: 1px solid #dbdbdb; } /* Bubble positioning */ .android-ics .dw-bubble-bottom .dw-arr { border-color: transparent transparent #292829 transparent; } .android-ics .dw-bubble-top .dw-arr { border-color: #292829 transparent transparent transparent; } /* Bubble positioning */ .android-ics.light .dw-bubble-bottom .dw-arr { border-color: transparent transparent #f5f5f5 transparent; } .android-ics.light .dw-bubble-top .dw-arr { border-color: #f5f5f5 transparent transparent transparent; } /* Multiple select */ .android-ics.light .dwwms .dw-li:after { text-shadow: 0 0 5px #31b6e7; }.c_nav_main-31002{position:absolute; width:400px; height:200px; overflow:hidden;} #header{ float: left; width: 100%; height: 50px; color: rgba(255,255,255,1); line-height: 50px; position: fixed; left: 0px; top: 0px; z-index: 1; } #header a { color: rgba(255,255,255,1); text-decoration: none; display: block; font-size: 15px; } #header-left{ float: left; height: 50px; } #header-left:hover #header-left-icon{ background-color: #3F8DBF; } #header-left:hover #header-left-text{ background-color: #599BC8; } #header-left-icon{ float: left; height: 50px; width: 50px; text-align: center; background-color: #35759F; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } #header-left-icon a { font-size: 25px; } #header-left-text{ float: left; height: 50px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } #header-left-text a { padding-left: 20px; padding-right: 20px; } #header-right{ float: right; height: 50px; } #header-right:hover #header-right-icon{ background-color: #3F8DBF; } #header-right:hover #header-right-text{ background-color: #599BC8; } #header-right-icon{ float: right; height: 50px; width: 50px; text-align: center; background-color: #35759F; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } #header-right-text{ float: right; height: 50px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } #header-right-text a { padding-right: 20px; padding-left: 20px; } .wrapper{ width: 100%; float: left; margin-top: 50px; margin-bottom: 150px; } .wrapper-inner{ width: 1100px; margin-right: auto; margin-left: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wrapper-inner-buttons{ width: 100%; float: left; margin-top:50px; text-align: center; } .wrapper-inner-buttons a{ background-color: #3f8dbf; line-height: 35px; padding-right: 15px; padding-left: 15px; margin: 10px; display: inline-block; text-align: center; text-decoration: none; color: #FFFFFF; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; border-radius: calc(35px / 2); } .wrapper-inner-buttons a.current{ background-color: #f5d76e; color: #d35400; } .wrapper-inner-buttons a:hover{ background-color: #35759F; color: #fff; } .mobile{ width: 100%; float: left; } .mobile-inner{ width: 100%; margin-right: auto; margin-left: auto; background-color: #404040; position: relative; } .mobile-inner img{ width: 100%; margin-bottom: 30px; } .mobile-inner p{ color: #676767; line-height: 25px; font-size: 16px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; margin:0px; } .mobile-inner-header{ background-color:none; width: 100%; height: 7vh; position: absolute; top: 0px; left: 0px; } .mobile-inner-header-icon{ color: #ffffff; height: 7vh; font-size: 18px; text-align: center; float:right; width: 7vh; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; background:none; } .mobile-inner-header-icon:hover{ background:none; cursor: pointer; color:#fff; } .mobile-inner-header-icon span{ position: absolute; left: calc((100% - 35px) / 2); top: calc((100% - 3px) / 2); width: 35px; height: 3px; background-color: #c9151e; } .mobile-inner-header-icon span:nth-child(1){ transform: translateY(4px) rotate(0deg); } .mobile-inner-header-icon span:nth-child(2){ transform: translateY(-4px) rotate(0deg); } .mobile-inner-header-icon-click span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; } .mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; } @keyframes clickfirst { 0% { transform: translateY(4px) rotate(0deg); } 100% { transform: translateY(0) rotate(45deg); } } @keyframes clicksecond { 0% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-45deg); } } .mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; } .mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; } @keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } } @keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } } .mobile-inner-nav{ background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top: 7vh; left: 0px; padding-top: 30px; padding-bottom: 30px; display: none; } .mobile-inner-nav a{ display: inline-block; line-height: 60px; text-decoration: none; width: 80%; font-size: 1.5em; height: 60px; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 300; } .mobile-inner-nav a:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); } .mobile-inner-nav a{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; } @-webkit-keyframes returnToNormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes returnToNormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.c_nav_main-20002 .p_MatteIcon:before{content:'\e752'; }.c_nav_main-31002 .p_MatteIcon:before{content:'\e752'; }.w_rbox-001{position:absolute; width:263px; height:242px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.w_rbox-001 .p_rbox{background-color:rgba(0, 0, 0, 0); }.w_rbox-001 .p_MatteIcon:before{content:'\e752'; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ .w_common_text-001{font-size:26px; } #c_nav_main-15682707457949267{ position:absolute; top:13px; left:0px; z-index:101; width:640px; height:65px; } #c_ads_banner-15682719994828850 .p_MatteIcon:before{ content:'\e752'; } #c_ads_banner-15682719994828850{ position:absolute; top:0px; left:0px; z-index:100; width:640px; height:1000px; } #c_news_list-15682748770570561 .p_articles{ width:calc((100% - 40px)/2); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } #c_news_list-15682748770570561 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-15682748770570561 .p_MatteIcon:before{ content:'\e752'; } #c_news_list-15682748770570561 >div{ animation-fill-mode:both; } #c_news_list-15682748770570561 .p_title:hover{ color:rgba(199, 22, 30, 1); } #c_news_list-15682748770570561{ position:absolute; top:522px; left:0px; z-index:5; width:640px; height:368px; } #c_message_form-15682752698084159 .p_MatteIcon:before{ content:'\e752'; } #c_message_form-15682752698084159 >div{ animation-fill-mode:both; } #c_message_form-15682752698084159 .p_CommonBtnA{ background-color:rgba(102, 102, 102, 1); } #c_message_form-15682752698084159 .p_CommonBtnA:hover{ background-color:rgba(201, 21, 30, 1); box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0) inset; } #c_message_form-15682752698084159{ position:absolute; top:238px; left:0px; z-index:3; width:640px; height:581px; } #c_search_fullText-15682744745569620 .p_MatteIcon:before{ content:'\e752'; } #c_search_fullText-15682744745569620 .p_search .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_fullText-15682744745569620 .p_searchInput-btn .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_fullText-15682744745569620{ position:absolute; top:144px; left:38px; z-index:3; width:564px; height:73px; } #w_sfbox-1568270714794 .p_footer{ height:120px; } #w_sfbox-1568270714794 .p_MatteIcon:before{ content:'\e752'; } #w_sfbox-1568270714794 .ping_0{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1568270714794 .ping_1{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1568270714794 .ping_2{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1568270714794 .ping_3{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; background-color:rgba(163, 163, 163, 1); } #w_sfbox-1568270714794 .ping_4{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; background-color:rgba(78, 78, 78, 1); } #w_rbox-1568270745682 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568270745682 >div{ animation-fill-mode:both; } #w_rbox-1568270745682 >div>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1568272814442 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272814442 >div{ animation-fill-mode:both; } #w_rbox-1568272922421 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272922421 >div{ animation-fill-mode:both; } #w_rbox-1568272930015 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272930015 >div{ animation-fill-mode:both; } #w_rbox-1568272955999 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272955999 >div{ animation-fill-mode:both; } #w_rbox-1568272960382 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272960382 >div{ animation-fill-mode:both; } #w_rbox-1568272964222 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272964222 >div{ animation-fill-mode:both; } #w_rbox-1568272973850 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568272973850 >div{ animation-fill-mode:both; } #w_rbox-1568273010153 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568273010153 >div{ animation-fill-mode:both; } #w_rbox-1568273018718 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568273018718 >div{ animation-fill-mode:both; } #w_rbox-1568273026559 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568273026559 >div{ animation-fill-mode:both; } #w_rbox-1568273080873 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568273080873 >div{ animation-fill-mode:both; } #w_rbox-1568273087549 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568273087549 >div{ animation-fill-mode:both; } #w_rbox-1568273572914 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1568273572914 >div{ animation-fill-mode:both; } #w_rbox-1568273572914 >div>.p_rbox{ background-color:rgba(224, 224, 224, 1); } #w_img-1568272819461 .p_link001{ height:calc(100%); } #w_img-1568272819461 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272819461 >div{ animation-fill-mode:both; } #w_img-1568272922433 .p_link001{ height:calc(100%); } #w_img-1568272922433 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272922433 >div{ animation-fill-mode:both; } #w_img-1568272930041 .p_link001{ height:calc(100%); } #w_img-1568272930041 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272930041 >div{ animation-fill-mode:both; } #w_img-1568272956015 .p_link001{ height:calc(100%); } #w_img-1568272956015 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272956015 >div{ animation-fill-mode:both; } #w_img-1568272960399 .p_link001{ height:calc(100%); } #w_img-1568272960399 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272960399 >div{ animation-fill-mode:both; } #w_img-1568272964240 .p_link001{ height:calc(100%); } #w_img-1568272964240 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272964240 >div{ animation-fill-mode:both; } #w_img-1568272973870 .p_link001{ height:calc(100%); } #w_img-1568272973870 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568272973870 >div{ animation-fill-mode:both; } #w_img-1568273010163 .p_link001{ height:calc(100%); } #w_img-1568273010163 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273010163 >div{ animation-fill-mode:both; } #w_img-1568273018739 .p_link001{ height:calc(100%); } #w_img-1568273018739 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273018739 >div{ animation-fill-mode:both; } #w_img-1568273026567 .p_link001{ height:calc(100%); } #w_img-1568273026567 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273026567 >div{ animation-fill-mode:both; } #w_img-1568273080890 .p_link001{ height:calc(100%); } #w_img-1568273080890 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273080890 >div{ animation-fill-mode:both; } #w_img-1568273087572 .p_link001{ height:calc(100%); } #w_img-1568273087572 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273087572 >div{ animation-fill-mode:both; } #w_hline-1568273400354 .p_HLine{ border-top-color:rgba(255, 255, 255, 0.3); border-top-style:solid; border-top-width:1px; } #w_hline-1568273400354 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273487606 .p_link001{ height:calc(100%); } #w_img-1568273487606 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568273487606 >div{ animation-fill-mode:both; } #w_hline-1568273823920 .p_HLine{ border-top-color:rgba(255, 255, 255, 0.3); border-top-style:solid; border-top-width:1px; } #w_hline-1568273823920 .p_MatteIcon:before{ content:'\e752'; } #w_hline-1568275210234 .p_HLine{ border-top-color:rgba(255, 255, 255, 0.3); border-top-style:solid; border-top-width:1px; } #w_hline-1568275210234 .p_MatteIcon:before{ content:'\e752'; } #w_common_text-1568275766182 .p_MatteIcon:before{ content:'\e752'; } #w_common_text-1568275766182 >div{ animation-name:fadeInUp; animation-duration:8s; animation-delay:1s; animation-fill-mode:both; } #w_img-1568270745700 .p_link001{ height:calc(100%); } #w_img-1568270745700 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568270745700 >div{ animation-name:zoomIn; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_img-1568270745716 .p_link001{ height:calc(100%); } #w_img-1568270745716 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568270745716 >div{ animation-fill-mode:both; } #w_img-1568270745722 .p_link001{ height:calc(100%); } #w_img-1568270745722 .p_MatteIcon:before{ content:'\e752'; } #w_img-1568270745722 >div{ animation-fill-mode:both; } #w_sfbox-1568270714794{ position:absolute; top:0px; left:0px; z-index:1; width:640px; height:879px; } #w_rbox-1568270745682{ position:fixed; top:0px; left:50%; bottom:auto; right:auto; transform:translate(-50%, 0px); width:640px; height:80px; z-index:2; content:"tc"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_rbox-1568272814442{ position:absolute; top:207px; left:15px; z-index:2; width:181px; height:180px; } #w_rbox-1568272922421{ position:absolute; top:206.5px; left:229px; z-index:3; width:181px; height:180px; } #w_rbox-1568272930015{ position:absolute; top:207px; left:435px; z-index:4; width:181px; height:180px; } #w_rbox-1568272955999{ position:absolute; top:387px; left:20.5px; z-index:6; width:181px; height:180px; } #w_rbox-1568272960382{ position:absolute; top:387px; left:229px; z-index:7; width:181px; height:180px; } #w_rbox-1568272964222{ position:absolute; top:387px; left:442px; z-index:8; width:181px; height:180px; } #w_rbox-1568272973850{ position:absolute; top:567.5px; left:20px; z-index:9; width:181px; height:180px; } #w_rbox-1568273010153{ position:absolute; top:568px; left:229px; z-index:10; width:181px; height:180px; } #w_rbox-1568273018718{ position:absolute; top:567px; left:435px; z-index:11; width:181px; height:180px; } #w_rbox-1568273026559{ position:absolute; top:748px; left:20px; z-index:12; width:181px; height:180px; } #w_rbox-1568273080873{ position:absolute; top:748px; left:230.5px; z-index:13; width:181px; height:180px; } #w_rbox-1568273087549{ position:absolute; top:748px; left:435.5px; z-index:14; width:181px; height:180px; } #w_rbox-1568273572914{ position:absolute; top:0px; left:0px; z-index:1; width:640px; height:288px; } #w_img-1568272819461{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568272889371{ position:absolute; top:141.5px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568272922433{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568272922444{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568272930041{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568272930055{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568272956015{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568272956034{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568272960399{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568272960409{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568272964240{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568272964260{ position:absolute; top:142px; left:27px; z-index:2; width:131px; height:22px; } #w_common_text-1568272973885{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568272973870{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_img-1568273010163{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568273010172{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568273018739{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568273018759{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_common_text-1568273026577{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568273026567{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_img-1568273080890{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568273080904{ position:absolute; top:142px; left:7px; z-index:2; width:167px; height:22px; } #w_img-1568273087572{ position:absolute; top:0px; left:27px; z-index:1; width:128px; height:127px; } #w_common_text-1568273087593{ position:absolute; top:142px; left:8px; z-index:2; width:167px; height:22px; } #w_common_text-1568272771973{ position:absolute; top:116px; left:170px; z-index:1; width:299px; height:59px; } #w_common_text-1568273385350{ position:absolute; top:167px; left:170.5px; z-index:1; width:299px; height:64px; } #w_hline-1568273400354{ position:absolute; top:253px; left:30px; z-index:2; width:580px; height:11px; } #w_common_text-1568273425210{ position:absolute; top:295px; left:56px; z-index:3; width:527px; height:308px; } #w_img-1568273487606{ position:absolute; top:634px; left:30px; z-index:4; width:582px; height:48px; } #w_hline-1568273823920{ position:absolute; top:458px; left:30px; z-index:3; width:580px; height:11px; } #w_common_text-1568273823909{ position:absolute; top:372px; left:132.5px; z-index:2; width:374px; height:70px; } #w_common_text-1568275210209{ position:absolute; top:132px; left:133.5px; z-index:1; width:374px; height:58px; } #w_hline-1568275210234{ position:absolute; top:218px; left:31px; z-index:2; width:580px; height:11px; } #w_common_text-1568275766182{ position:absolute; top:34.5px; left:52px; z-index:1; width:536px; height:58px; } #w_img-1568270745700{ position:absolute; top:20px; left:8px; z-index:102; width:213px; height:38px; } #w_common_text-1568270745713{ position:absolute; top:34px; left:518px; z-index:103; width:54px; height:24px; } #w_img-1568270745716{ position:absolute; top:25px; left:310px; z-index:104; width:47px; height:25px; } #w_img-1568270745722{ position:absolute; top:25px; left:380px; z-index:105; width:47px; height:25px; }