@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#f5f5f5;}
body { max-width:1920px; min-height:100%; margin:0 auto; background:#fff; font:0/0 arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img,iframe { border:0; vertical-align:middle;}
u { text-decoration:none;}
i { font-style:normal;}
a { color:#595757; text-decoration:none;}
a:hover { color:#0485ed;}
:focus { outline:none;}
div,ul { font:14px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:1px solid #ddd; border-collapse:collapse; border-spacing:0;}
table td { padding:8px 10px; border:1px solid #ccc; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
video { background:#333; font:0/0 arial;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
input.white::-webkit-input-placeholder,
input.white::-moz-placeholder,
input.white:-moz-placeholder,
input.white:-ms-placeholder { color:rgba(255,255,255,1);}
::-webkit-scrollbar { width:10px; height:10px;}
::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:2px solid transparent; border-radius:10px; background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.5);}
::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);}
::-ms-clear,::-ms-reveal { display:none;}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.bg { font-size:0; position:relative !important; z-index:10 !important;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.banner .imgs,.loading,article.img_loading img,article iframe,article video { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 arial; position:relative;}
.img img { width:100%; min-height:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
@font-face { font-family:"ALTGOT2N"; src:url("ALTGOT2N.eot"); src:url("ALTGOT2N.eot")format("embedded-opentype"),url("ALTGOT2N.woff")format("woff"),url("ALTGOT2N.ttf")format("truetype"),url("ALTGOT2N.svg")format("svg");}

.allSelect em { font-style:normal; position:absolute; cursor:pointer;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #898989; text-indent:14px; font-size:14px; top:0; right:0;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:7px solid transparent; border-left:7px solid transparent; border-top:7px solid #ccc; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#0286d1 !important;}
.allSelect em.open:after { border-top-color:#0286d1; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(30px * 6 - 1px); background:#fff; border:1px solid #0286d1; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:29px; border-top:1px solid #f7f7f7; text-indent:14px; line-height:30px; font-size:14px; overflow:hidden;}
.allSelect dl dd a { height:100%; display:block;}
.allSelect dl dd:first-child { border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(2,134,209,0.2);}
.allSelect dl dd.active { background:rgba(2,134,209,0.4);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

/**头部和尾部**/
header { width:1300px; height:80px; position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:150;}
header:before { width:200%; height:100%; content:""; background:#fff; box-shadow:0px 0px 12px rgba(0,0,0,0.15); position:absolute; top:-1px; left:50%; transform:translateX(-50%); z-index:1;}

header .logo { height:50px; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10;}
header .logo img { height:100%;}

header .nav { height:40px; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:30;}
header .nav>li { width:120px; height:100%; margin-left:10px; position:relative;}
header .nav>li:first-child { margin:0;}
header .nav>li>a { height:100%; text-align:center; line-height:40px; font-size:16px; color:#333; display:block; position:relative; transition:color 0.3s;}
header .nav>li>a:before { width:100%; height:100%; content:""; background:url(../images/bg_nav.png) no-repeat center center; background-size:0; position:absolute; top:0; left:0; transition:all 0.2s;}
header .nav>li>a i { height:100%; display:inline-block; position:relative; z-index:10;}
header .nav>li>a:hover { color:#fff;}
header .nav>li>a:hover:before { background-size:100%;}
header .nav>li>a.active { color:#fff;}
header .nav>li>a.active:before { background-size:100%;}

footer { width:1300px; margin-top:60px !important; color:rgba(255,255,255,0.7); position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#000; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}
footer>ul { position:relative; z-index:20;}

footer a { color:rgba(255,255,255,0.7);}
footer a:hover { color:#fff;}

footer .form_msg { width:100%; padding:50px 0 40px; position:relative;}
footer .form_msg:before { width:1920px; height:100%; content:""; background:url(../images/bg_msg.jpg) no-repeat center 0; position:absolute; top:0; left:50%; transform:translateX(-50%);}
footer .form_msg li { width:100%; text-align:center; overflow:visible; position:relative; z-index:10;}
footer .form_msg li.title { line-height:1; font-size:22px; font-weight:bold; color:#fff;}
footer .form_msg li.tips { margin:7px 0 27px; font-size:14px; color:rgba(255,255,255,0.6);}
footer .form_msg li.form { width:auto; height:40px; line-height:40px; left:50%; transform:translateX(-50%); display:flex; align-items:center;}
footer .form_msg li.form p { float:left; width:180px; height:100%; margin:0 10px; position:relative;}
footer .form_msg li.form input { width:calc(100% - 2px); height:calc(100% - 3px); padding-top:1px; background:#fff; border:1px solid rgba(255,255,255,0.6); border-radius:3px; text-indent:10px;}
footer .form_msg li.form input:focus { border-color:#0485ed;}
footer .form_msg li.form p.detail { width:360px;}
footer .form_msg li.form p.submit { width:200px; background:#0485ed; border-radius:3px; text-align:center; font-size:16px;}
footer .form_msg li.form p.loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.1); background-size:30px; position:absolute; top:0; left:0; z-index:30; display:none;}
footer .form_msg li.form p.submit:hover { color:#fff;}

footer .link { width:100%; margin-top:26px; text-align:center;}
footer .link li { float:none; padding-left:31px; display:inline-block; position:relative;}
footer .link li:before { width:1px; height:13px; content:""; background:rgba(255,255,255,0.7); position:absolute; top:50%; left:14px; margin-top:-5px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}
footer .link li a { height:20px; display:inline-block;}

footer .copyright { width:100%; margin:15px 0 25px;}
footer .copyright li { width:100%; text-align:center; line-height:24px;}
footer .copyright li span { padding:0 10px;}

/**公共**/
.banner { width:100%; margin:80px auto 50px; position:relative; z-index:10;}
.banner .list { width:100%; position:relative; z-index:10;}
.banner .list li { width:100%; position:relative;}
.banner .list .imgs { width:100%; text-align:center;}
.banner .list .imgs img { width:100%; transition:all 0.8s;}
.banner .list .imgs1 img:hover { transform:scale(1.05);}

main { width:1300px; position:relative; z-index:100;}

.menu { width:100%; height:50px; margin:-30px 0 90px; background:#fff; border-radius:30px; box-shadow:0px 0px 10px rgba(4,133,237,0.2); position:relative;}
.menu .list { height:50px; position:absolute; top:0; left:0;}
.menu .list li { width:130px; height:100%; position:relative;}
.menu .list li a { height:100%; text-align:center; line-height:50px; font-size:14px; color:#333; display:block;}
.menu .list li a i { height:100%; display:inline-block; position:relative;}
.menu .list li a i:before { width:0; height:2px; content:""; background:#0485ed; position:absolute; top:50%; left:0; transform:translateY(13px); transition:all 0.2s;}
.menu .list li a:hover { color:#0485ed;}
.menu .list li a:hover i:before { width:100%;}
.menu .list li a.active { background:url(../images/bg_menu.png); background-size:100%; color:#fff;}
.menu .list li a.active i:before { display:none;}

.menu .site { height:20px; line-height:20px; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.menu .site li { height:100%; font-family:"SimSun"; color:#898989;}
.menu .site li i,
.menu .site li a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.menu .site li i { padding-left:30px;}
.menu .site li i:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -15px 0; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.menu .site li a:hover { color:#0485ed;}

.menu .sort { position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.menu .sort li { line-height:1; font-size:24px; color:#333; overflow:visible; position:relative;}
.menu .sort li:before,.menu .sort li:after { width:150px; height:1px; content:""; background:rgba(0,0,0,0.2); position:absolute; top:50%;}
.menu .sort li:before { left:-170px;}
.menu .sort li:after { right:-170px;}

.main_all { width:calc(100% - 100px); padding:50px; background:#f5f5f5; border-radius:12px;}
.main_view:before { width:1px; height:calc(100% - 70px); content:""; background:#eaeaea; position:absolute; bottom:0; right:349px;}
.main_view .menu { margin-bottom:50px;}
.main_left { width:calc(100% - 400px);}
.main_right { width:300px;}

.main_right .list_news { width:100%;}
.main_right .list_news .title { width:100%;}
.main_right .list_news .title li { width:100%;}
.main_right .list_news .title li .name { line-height:1; font-size:24px; font-weight:bold; color:#3e3a39;}
.main_right .list_news .title li .text { margin-top:5px; font:18px/1 arial; color:#898989;}
.main_right .list_news .imglist { width:100%;}
.main_right .list_news .imglist li { width:100%; margin-top:20px; background:rgba(0,0,0,0.035); border-radius:16px; position:relative;}
.main_right .list_news .imglist li a { display:block;}
.main_right .list_news .imglist li p { overflow:hidden;}
.main_right .list_news .imglist li .imgs { border-radius:16px;}
.main_right .list_news .imglist li .imgs img { width:100%; transition:all 0.5s;}
.main_right .list_news .imglist li .name { margin:10px; font-size:16px; color:#3e3a39; white-space:normal;}
.main_right .list_news .imglist li .sort { padding:7px 10px; margin:0 10px 10px; background:#fff; border:1px solid #e5e5e5; border-radius:4px; line-height:1; font-size:12px; color:#898989; display:inline-block;}
.main_right .list_news .imglist li .more { width:20px; height:11px; background:url(../images/base.png) no-repeat -80px 0; position:absolute; bottom:22px; right:10px;}
.main_right .list_news .imglist li:hover { background:#0485ed;}
.main_right .list_news .imglist li:hover .imgs img { transform:scale(1.1);}
.main_right .list_news .imglist li:hover .name { color:#fff;}
.main_right .list_news .imglist li:hover .more { background-position:-105px 0;}
.main_right .list_news .txtlist { width:100%;}
.main_right .list_news .txtlist li { width:100%; margin-top:20px;}
.main_right .list_news .txtlist li a { padding:10px; border:1px solid #e9e9e9; border-radius:16px; font-size:15px; display:block;}
.main_right .list_news .txtlist li a:hover { background:#0485ed; border-color:#0485ed; color:#fff;}

/**内容**/
article { width:100%; margin:-5px 0; line-height:25px; font-size:15px; color:#191919; position:relative;}
article img { max-width:100%;}
article video { max-width:100%; margin:5px auto 0;}
article iframe { max-width:100%; position:relative; z-index:10;}
article table { max-width:100%; position:relative; z-index:10;}
article table.noBorder:first-child { margin-top:-5px;}
article table.none { border:0;}
article table.none:first-child { margin-top:-5px;}
article table.none td { padding:0; vertical-align:top; border:0;}
article video { max-width:100% !important; height:auto !important; margin:5px 0 0;}
article p:first-child img { margin-top:5px !important;}
article p:last-child img { margin-bottom:5px !important;}

article.show_map { width:calc(100% + 98px); margin:-50px -50px 50px; border:1px solid #ccc;}
article.show_map iframe { width:calc(100% + 2px); margin:-1px;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 105px); height:30px; padding:12px 95px 12px 10px; margin-top:25px; background:rgba(0,0,0,0.035); border-radius:8px; text-align:right; position:relative; z-index:100;}
#list .pages>a { height:28px; padding:0 12px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:28px; font-size:12px; display:inline-block; position:relative; z-index:10;}
#list .pages>a[href]:hover { border-color:#0485ed; color:#0485ed;}
#list .pages>.now { color:#0485ed;}
#list .pages>.now:before { width:calc(100% - 2px); height:calc(100% - 2px); content:""; background:rgba(0,0,0,0.1); border-radius:3px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#list .pages>.now span { height:100%; margin-left:8px; display:inline-block; position:relative; z-index:10;}
#list .pages>.now span:first-child { margin:0;}
#list .pages>a i { padding:0 1px;}
#list .pages .tongji { float:left; height:100%; padding:0; margin-left:0; background:none; border:0; line-height:32px; color:#595757;}
#list .pages .tongji span { margin-left:10px; display:inline-block;}
#list .pages .tongji span:first-child { margin:0;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none[href]:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:75px; height:30px; background:none; border:0; color:#595757; overflow:visible; position:absolute; top:12px; right:10px;}
#list .pages .gotoPage em { background:#fff;}
#list .pages .gotoPage em.value { border-color:#c8cfd2; border-radius:3px; left:0; text-align:left; text-indent:10px; line-height:28px; font-size:12px;}
#list .pages .gotoPage em.value:after { border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #ccc; margin-top:-3px;}
#list .pages .gotoPage em.open { border-color:#0485ed !important;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { max-height:calc(27px * 6 - 1px); border-color:#0485ed; border-radius:4px 4px 0 0; top:auto; bottom:calc(100% + 2px);}
#list .pages .gotoPage dl dd { height:26px; line-height:26px; border-top-color:#ddd; text-indent:10px; font-size:12px; overflow:hidden;}
#list .pages .gotoPage dl dd:hover { background:#fff; color:#0485ed;}
#list .pages .gotoPage dl dd a.active,
#list .pages .gotoPage dl dd:hover a.active { background:rgba(0,0,0,0.08); color:#0485ed;}
#list .pages .gotoPage dl.open { transform:translateY(0);}

#list .list_news { width:100%; margin-top:-20px; position:relative; z-index:90;}
#list .list_news li { width:100%; height:180px; margin-top:20px;}
#list .list_news li a { height:calc(100% - 2px); padding:0 120px 0 410px; border:1px solid #e9e9e9; border-radius:16px; display:block; position:relative;}
#list .list_news li p { overflow:hidden;}
#list .list_news li .img { width:270px; height:180px; border-radius:16px; position:absolute; top:-1px; left:-1px;}
#list .list_news li .img img { min-height:100%;}
#list .list_news li .date { width:60px; height:70px; position:absolute; top:50%; left:310px; transform:translateY(-50%);}
#list .list_news li .date span { text-align:center; font:14px/1 arial; color:#898989; display:block;}
#list .list_news li .date span:first-child { margin-top:-3px; font:60px/1 "ALTGOT2N"; color:#3e3a39;}
#list .list_news li .name { height:18px; margin-top:28px; line-height:1; font-size:18px; color:#3e3a39;}
#list .list_news li .text { height:44px; margin:15px 0; line-height:22px; color:#898989; top:65px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_news li .sort { padding:7px 10px; margin-top:2px; border:1px solid #e5e5e5; border-radius:4px; line-height:1; font-size:12px; color:#898989; display:inline-block;}
#list .list_news li .more { width:36px; height:16px; background:url(../images/base.png) no-repeat -90px -14px; position:absolute; top:50%; right:40px; transform:translateY(-50%); transition:all 0.25s;}
#list .list_news li:hover a { border-color:#0485ed;}
#list .list_news li:hover .img img { transform:scale(1.08);}
#list .list_news li:hover .name { color:#0485ed;}
#list .list_news li:hover .more { background-position:-50px -14px;}

#list .search_tongji { width:100%; height:58px; margin:-30px 0 30px; background:#eaedef; border-top:2px solid #0485ed; position:relative; z-index:10;}
#list .search_tongji li { height:20px; text-indent:20px; font-size:14px; position:absolute; top:50%; left:0; margin-top:-10px;}
#list .search_tongji i { color:#0485ed;}

#list .search_news { width:100%; margin-top:-23px; position:relative; z-index:90;}
#list .search_news li { width:100%; padding-bottom:24px; margin-top:20px; border-bottom:#c9caca 1px dotted;}
#list .search_news li .img { float:left; width:130px; height:85px; margin:5px 15px -10px 0; overflow:hidden;}
#list .search_news li .img img { min-height:100%; transition:all 0.8s;}
#list .search_news li .name { margin-bottom:10px; line-height:20px; font-size:16px; color:#3a3a3a; white-space:normal;}
#list .search_news li .text { max-height:66px; line-height:22px; color:#777; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#list .search_news li .date { margin-top:12px; line-height:1; font-size:12px; color:#898989;}
#list .search_news li .date span { height:100%; padding-left:21px; display:inline-block; position:relative;}
#list .search_news li .date span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:11px; margin-top:-5px;}
#list .search_news li .date span:first-child { padding:0;}
#list .search_news li .date span:first-child:before { display:none;}
#list .search_news li:hover .name { color:#0485ed;}
#list .search_news li:hover .img img { transform:scale(1.03);}

/**详情**/
#detail { width:100%; position:relative; z-index:20;}

#detail .pages { width:100%; margin:30px 0 -5px; padding-top:10px; border-top:1px solid #eaeaea; position:relative;}
#detail .pages li { width:100%; margin-top:6px; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}
#detail .pages li.back { width:40px; height:40px; margin:0; position:absolute; bottom:0; right:0;}
#detail .pages li.back a { height:100%; background:url(../images/base.png) no-repeat -50px -30px; display:block;}

#detail .view_news_title { width:100%; margin-bottom:30px; border-bottom:1px solid #eaeaea;}
#detail .view_news_title h1,
#detail .view_news_title li { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-3px 0; line-height:30px; font-size:24px; font-weight:bold; color:#10121e;}
#detail .view_news_title li { margin:20px 0; line-height:1; font-size:12px; color:#898989;}
#detail .view_news_title li span { margin:0 25px; text-transform:none; display:inline-block;}

/**弹出**/
.pop_div { width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; transition:all 0.2s; opacity:0; visibility:hidden;}
.pop_div.open { opacity:1; visibility:visible;}
.pop_div>ul { transition:all 0.2s; opacity:0; visibility:hidden;}
.pop_div>ul.open { opacity:1; visibility:visible;}

.pop_div .close { width:30px; height:30px; background:#666; border:2px solid rgb(255,255,255); border-radius:100%; cursor:pointer; position:absolute; top:-40px; right:-40px; transition:all 0.35s;}
.pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.35s;}
.pop_div .close:hover { background:#0485ed;}
.pop_div .close:hover:before { transform:translate(-50%,-50%) rotate(180deg);}
.pop_div .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0; cursor:auto; display:none;}
.pop_div .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.4); top:0; left:0; z-index:30; display:none;}
.pop_div .page { width:166px; height:46px; border:#fff 2px solid; border-radius:25px; text-align:center; color:#fff; position:absolute; bottom:-70px;}
.pop_div .page i { height:100%; line-height:46px; font-size:18px; position:relative; display:inline-block;}
.pop_div .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px; display:none;}
.pop_div .page:hover { border-color:#0485ed; color:#0485ed;}
.pop_div .page.prev { left:50%; margin-left:-180px;}
.pop_div .page.prev i { padding-left:0;}
.pop_div .page.prev i:before { background-position:-15px -55px; left:0;}
.pop_div .page.prev i:hover:before { background-position:-15px -55px;}
.pop_div .page.prev.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
.pop_div .page.prev.end i:before { background-position:-35px -55px;}
.pop_div .page.next { right:50%; margin-right:-180px;}
.pop_div .page.next i { padding-right:0;}
.pop_div .page.next i:before { background-position:-26px -70px; right:0;}
.pop_div .page.next:hover i:before { background-position:-26px -70px;}
.pop_div .page.next.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
.pop_div .page.next.end i:before { background-position:-36px -70px;}

.pop_message { width:600px; padding:50px; background:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-80%);}
.pop_message.open { transform:translate(-50%,-50%);}
.pop_message li { width:100%; height:50px; margin-top:20px; line-height:50px; font-size:14px; position:relative; z-index:20;}
.pop_message li span { height:100%; color:#898989; position:absolute; top:0; left:15px;}
.pop_message li input { width:calc(100% - 4px); height:calc(100% - 5px); padding-top:1px; border:2px solid #ccc; border-radius:25px; text-indent:85px; position:absolute; top:0; left:0;}
.pop_message li input:focus { border-color:#0485ed;}
.pop_message .close { margin:0; top:-17px; right:-17px;}
.pop_message .name { height:auto; margin:-20px 0 10px; text-align:center; line-height:1; font-size:28px; font-weight:bold; color:#0485ed; overflow:visible;}
.pop_message .submit { margin:40px 0 -10px; background:#0485ed; border-radius:25px; text-align:center; font-size:18px; color:#fff;}
.pop_message .loading { margin:0; background-color:rgba(0,0,0,0.2); border-radius:10px; position:absolute; z-index:100;}