You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1740 lines
73 KiB
1740 lines
73 KiB
.full_box { margin: 30px 10px 20px 10px }
|
|
|
|
/*修改 cjy_style2*/
|
|
.xingk{background: url(../xaimg/neiyebj.jpg) no-repeat center;background-size: cover; height: 100%; position:fixed;left: 0; top: 0; width: 100%; z-index:-1;}
|
|
.xingk_nr{background: url(../xaimg/neiyebj.jpg) no-repeat center; background-size: cover; height: 100%; position:fixed;left: 0; top: 0; width: 100%; z-index:-1;}
|
|
/*修改cjy_zlmxg*/
|
|
.form_input2 input{background:none; border:none; outline:none; height:32px; line-height:32px; border-bottom:1px solid #1bfaf4; width:100%; color:#1bfaf4; text-align:center }.header_top{ height:70px; width:100%; background: url(../xaimg/header_gb.png) center bottom no-repeat; background-size:100%;}
|
|
.header_right{ float:right; padding-right:35px;}
|
|
.header_right .header_rlsj{ display:inline-block; margin-right:5px; margin-left:10px; position:relative; top:-10px; text-align:center;}
|
|
.header_right .header_yongh{ display:inline-block; position:relative; top:-10px; border-right:1px dashed #95949A; padding-right:15px;}
|
|
.header_right .beader_bttn{ display: inline-block; width:56px; height:46px; background:url(../images/hearder_bttn.png) no-repeat center; margin-top:5px; margin-left:5px;}
|
|
.sx_nr .jb-lefts{ position: absolute; top:-2px; left:-2px;}
|
|
.sx_nr .jb-leftx{ position: absolute; bottom:-2px; left:-2px;}
|
|
.sx_nr .jb-rights{ position: absolute; top:-2px; right:-2px;}
|
|
.sx_nr .jb-rightx{ position: absolute; bottom:-2px; right:-2px;}
|
|
.sx_nr{display:none; width:686px; position:absolute; top:70px; left:-308px; padding:10px;background: rgba(5,7,58,.8);
|
|
box-shadow: 0px 0px 20px #1846a3 inset;
|
|
border-radius: 10px;
|
|
padding: 0 15px 10px 15px;
|
|
border: 1px solid #3178e1;}
|
|
.che_caid .caid_nr{background: rgba(5,7,58,.8);
|
|
box-shadow: 0px 0px 20px #1846a3 inset;
|
|
border-radius: 10px;
|
|
padding: 0 15px 10px 15px;
|
|
border: 1px solid #3178e1}
|
|
|
|
.che_caid .caid_nr .jb-lefts{ position: absolute; top:-2px; left:-1px;}
|
|
.che_caid .caid_nr .jb-leftx{ position: absolute; bottom:-1px; left:-2px;}
|
|
.che_caid .caid_nr .jb-rights{ position: absolute; top:-2px; right:-1px;}
|
|
.che_caid .caid_nr .jb-rightx{ position: absolute; bottom:-1px; right:-1px;}
|
|
|
|
|
|
/*zjk_css*/
|
|
.lst_table_box { margin:0px 10px 0 10px; }
|
|
.lst_table_box table {border-collapse: collapse; border-spacing: 1px; margin: 0; width:100%;/*整个表格宽度*/ }
|
|
|
|
.pp-list { border-spacing: 1px; margin: 0; overflow:auto;/*overflow: hidden;*/table-layout:fixed }
|
|
.pp-list td, .pp-list th { border-left: 1px solid #006DD9;border-bottom: 1px solid #006DD9; border-right: 1px solid #006DD9; text-align: center; padding: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; /*overflow:auto; word-wrap:break-word;*/ }
|
|
.pp-list th { border:none; border-bottom:3px solid #006DD9; padding:15px 8px; background: rgba(0,109,207,.3); }
|
|
.pp-list tr.focus{background-color:rgba(0,109,207,.25);}
|
|
.t_table { overflow: auto;/*让内容表格外面的div自动有滚动条*/ }
|
|
|
|
/*表格滚动条-y轴*/
|
|
.t_table::-webkit-scrollbar {width:2px;}
|
|
.t_table::scrollbar {width:2px;}
|
|
.t_table::-webkit-scrollbar-track {-webkit-box-shadow: 0;border-radius: 2px;background-color:rgba(30,135,251,.1);}
|
|
.t_table::-webkit-scrollbar-thumb { background: rgba(30,135,251,.8);-webkit-box-shadow:0;}
|
|
.t_table::-scrollbar-thumb {background: rgba(30,135,251,.8);-webkit-box-shadow:0;}
|
|
.t_table::-webkit-scrollbar-thumb:window-inactive {background: rgba(30,135,251,.8);}
|
|
.t_table::scrollbar-thumb:window-inactive {background: rgba(30,135,251,.8);}
|
|
|
|
/*页码自适应*/
|
|
.lst_table_box .page_warp_wd{ position:static; top:auto; margin-top:0px;background: rgba(0,109,207,.3); padding-left:15px; border-top:3px solid #006DD9; height:40px; padding-top:9px; }
|
|
.lst_table_box .page_state{padding-right:15px; }
|
|
|
|
/*表格外层*/
|
|
.t_r_content { width: 100%; overflow: auto; }
|
|
.t_r table { width: 100%; }
|
|
.t_r_title { width: 100%; }
|
|
.t_r_t { width: 100%; overflow: hidden; }
|
|
|
|
|
|
/*
|
|
***********************旅游地理信息-全部资源页面*************************
|
|
*/
|
|
.jiaoz_1::-webkit-scrollbar {width:2px !important;}
|
|
.jiaoz_1::scrollbar {width:2px !important;}
|
|
/* 滚动槽 */
|
|
.jiaoz_1::-webkit-scrollbar-track {-webkit-box-shadow: 0;background-color:transparent;}
|
|
/* 滚动条滑块 */
|
|
.jiaoz_1::-webkit-scrollbar-thumb {background-color:transparent;-webkit-box-shadow:0;}
|
|
.jiaoz_1::-scrollbar-thumb {background-color:transparent;-webkit-box-shadow:0;}
|
|
.jiaoz_1::-webkit-scrollbar-thumb:window-inactive {background-color:transparent;}
|
|
.jiaoz_1::scrollbar-thumb:window-inactive {background-color:transparent;}
|
|
|
|
.hd_top_btn{position:absolute; width:200px; height:36px; left:50%; top:17px; margin-left:-100px;}
|
|
.hd_top_btn a{display:inline-block; width:90px; height:36px; line-height:36px; border:1px solid #003E82; background:rgba(1,0,49,.5); text-align:center; font-weight:normal;}
|
|
.hd_top_btn a.on{ background:rgba(0,46,96,.8); color:#57FFFF; position:relative}
|
|
.hd_top_btn a.on:after{ display:block; width:12px; height:12px; content:''; background:url(../images/jb-rights.png) no-repeat; position:absolute; right:-2px; top:-1px}
|
|
.hd_top_btn a.on:before{ display:block; width:12px; height:12px; content:''; background:url(../images/jb-leftx.png) no-repeat; position:absolute; left:-2px; bottom:-2px}
|
|
|
|
.dl_id_bot{background:url(../images/dl_bot_bg.png) no-repeat center bottom; width:810px; height:150px; position:fixed; left:280px; right:350px; bottom:0; }
|
|
.dl_menu{ width:810px; margin:0 auto;}
|
|
|
|
.dl_jq_rtb{ position:absolute; top:-42px; height:36px; width:100% }
|
|
.dl_jq_rtb li{ display:inline-block; padding:0 20px; border:1px solid #003E82; background:rgba(1,0,49,.5); height:30px;line-height:32px; margin-left:10px;}
|
|
.dl_jq_rtb li.hover{ background:rgba(0,46,96,.8); opacity:1; position:relative; cursor:pointer}
|
|
.dl_jq_rtb li.hover p{color:#57FFFF; }
|
|
.dl_jq_rtb li.hover:after{ display:block; width:12px; height:12px; content:''; background:url(../images/jb-lefts.png) no-repeat; position:absolute; left:-2px; top:-1px}
|
|
.dl_jq_rtb li.hover:before{ display:block; width:12px; height:12px; content:''; background:url(../images/jb-rightx.png) no-repeat; position:absolute; right:-2px; bottom:-2px}
|
|
|
|
.meu_anm { margin-top:20px; margin-left:110px}
|
|
.meu_anm li{ width:100px; float:left; text-align:center}
|
|
.meu_anm li p{ position:relative; top:20px; color:#ee1e2d; font-size:16px; }
|
|
.meu_all, .meu_jq, .meu_fd, .meu_lxs, .meu_xcly, .meu_lycs{display:block;width:80px; height:70px; margin:0 auto; background:url(../images/dl_bot_menu.png) no-repeat; background-position:-3px -1px}
|
|
.meu_jq{background-position:-105px -1px}
|
|
.meu_fd{background-position:-207px -1px}
|
|
.meu_lxs{background-position:-311px -1px}
|
|
.meu_xcly{background-position:-413px -1px}
|
|
.meu_lycs{background-position:-516px -1px}
|
|
|
|
.meu_anm li:hover p, .meu_anm li.hover p{ color:#fff; font-weight:bold; top:-60px; }
|
|
/*
|
|
.meu_anm > li:nth-child(1) a.on p, .meu_anm > li:nth-child(1) a:hover p{color:#00FFFF}
|
|
.meu_anm > li:nth-child(2) a.on p, .meu_anm > li:nth-child(2) a:hover p{color:#A7D01A}
|
|
.meu_anm > li:nth-child(3) a.on p, .meu_anm > li:nth-child(3) a:hover p{color:#FFB41A}
|
|
.meu_anm > li:nth-child(4) a.on p, .meu_anm > li:nth-child(4) a:hover p{color:#F9429E}
|
|
.meu_anm > li:nth-child(5) a.on p, .meu_anm > li:nth-child(5) a:hover p{color:#2E93FD}
|
|
.meu_anm > li:nth-child(6) a.on p, .meu_anm > li:nth-child(6) a:hover p{color:#DD62F1}
|
|
*/
|
|
.meu_anm li:hover span, .meu_anm li.hover span{ height:150px;animation:slideInUp 2.4s infinite;
|
|
-moz- animation: slideInUp 2.4s infinite; /* Firefox 4 */
|
|
-webkit- animation: slideInUp 2.4s infinite; /* Safari 和 Chrome */
|
|
-o-animation:slideInUp 2.4s infinite; }
|
|
.meu_anm li:hover .meu_all, .meu_anm li.hover .meu_all{ background-position:-11px -218px; }
|
|
.meu_anm li:hover .meu_jq, .meu_anm li.hover .meu_jq{ background-position:-110px -218px; }
|
|
.meu_anm li:hover .meu_fd, .meu_anm li.hover .meu_fd{ background-position:-211px -218px; }
|
|
.meu_anm li:hover .meu_lxs, .meu_anm li.hover .meu_lxs{ background-position:-309px -218px; }
|
|
.meu_anm li:hover .meu_xcly, .meu_anm li.hover .meu_xcly{ background-position:-408px -218px; }
|
|
.meu_anm li:hover .meu_lycs, .meu_anm li.hover .meu_lycs{ background-position:-507px -218px; }
|
|
|
|
.dl_rit_fxd{ position:fixed; width:320px; right:15px; top:130px; bottom:30px;border:1px solid #003E82;box-shadow:1px 1px 5px rgba(0,109,207,.6); background:rgba(1,0,49,.75); z-index:10; }
|
|
.jiaoz_1{ position:relative; display:block;overflow:hidden; overflow-y:auto }
|
|
.yous_jiao{display:block; width:20px; height:21px; background:url(../xaimg/jb-rights.png) no-repeat; position:absolute; top:0px; right:0px; z-index:19}
|
|
|
|
.dl_rit_fxd:after{content:''; display:block; width:10px; height:10px; background:url(../xaimg/jb-leftx.png) no-repeat; position:absolute; bottom:0px; left:0px; z-index:11}
|
|
.dl_rit_fxd:before{content:''; display:block; width:10px; height:10px; background:url(../xaimg/jb-rightx.png) no-repeat; position:absolute; bottom:0px; right:0px; z-index:11}
|
|
|
|
.dl_sub_bt{padding:10px 0 10px 0;background:url(../xaimg/title-bg.png) no-repeat left; position:relative; top:-11px; left:-16px;}
|
|
.dl_sub_bt h3{ display:inline-block;height:20px; padding:0 15px 0 30px}
|
|
.dl_sub_bt h3 span{line-height:32px; color:#1bfaf4; font-size:14px; position:relative; top:-6px; font-weight:normal}
|
|
.dl_jqzyfb{ position:relative;height:220px; }
|
|
.dl_jqzyfb div{position:absolute; }
|
|
.dl_bg_jqdj{ background:url(../images/dl_jqzyfb.png) no-repeat center; height:210px; width:100%}
|
|
|
|
.dl_jqzyfb div h3{ font-weight:normal; font-size:12px;}
|
|
.dl_jqzyfb div p{ font-size:16px;}
|
|
.jq_str_1{ top:10px;left:118px; width:60px; text-align:center}
|
|
.jq_str_1 h3{ margin-top:44px; }
|
|
.jq_str_1 p{ position:relative; top:-60px; color:#3FFFC7}
|
|
|
|
.jq_str_2{ top:76px;left:176px; width:100px;}
|
|
.jq_str_2 p{ position:relative; top:-30px; left:46px; color:#FF9B40}
|
|
|
|
.jq_str_3{ top:120px;left:176px; width:100px;}
|
|
.jq_str_3 p{ position:relative; top:-10px; left:46px; color:#40BBFF}
|
|
|
|
.jq_str_4{ top:140px;left:116px; width:60px; text-align:center}
|
|
.jq_str_4 p{ position:relative; top:26px;color:#FF4D40}
|
|
|
|
.jq_str_5{ top:120px;right:176px; width:100px; text-align:right }
|
|
.jq_str_5 p{ position:relative; top:-20px; margin-right:44px;color:#FFCD40}
|
|
|
|
.jq_str_6{ top:76px;right:170px; width:100px; text-align:right }
|
|
.jq_str_6 p{ position:relative; top:-20px; margin-right:50px;color:#C13FFF}
|
|
|
|
.dl_jqzylx{height:230px;position:relative;}
|
|
.dl_jq_lxfenb{background:url(../images/dl_jqzylx.png) no-repeat center; height:220px; width:100%;}
|
|
.dl_jqzylx div{ position:absolute}
|
|
.dl_jqzylx h4{ font-size:12px; font-weight:normal;opacity:.7}
|
|
.dl_jqzylx p{ font-size:16px; }
|
|
.lx_ty_1{width:120px; top:12px; left:70px;}
|
|
.lx_ty_1 p{ color:#ED3FA5}
|
|
.lx_ty_2{width:120px; top:50px; left:226px;}
|
|
.lx_ty_2 p{ color:#FFC34A}
|
|
.lx_ty_3{width:120px; top:120px; left:236px;}
|
|
.lx_ty_3 p{ color:#1ED077}
|
|
.lx_ty_4{width:120px; top:172px; left:190px;}
|
|
.lx_ty_4 p{ color:#D154FF}
|
|
|
|
.lx_ty_5{width:120px; top:140px; left:-50px; text-align:right}
|
|
.lx_ty_5 p{ color:#4CFFE5}
|
|
.lx_ty_6{width:120px; top:60px; left:-56px; text-align:right}
|
|
.lx_ty_6 p{ color:#FF4747}
|
|
|
|
|
|
/*8个类型*/
|
|
.dl_jq_lxfenb_8{background:url(../images/img_z9.png) no-repeat center; height:220px; width:100%;}
|
|
.lx_ty8_1{ width:80px; left:25px; top:10px; text-align:right}
|
|
.lx_ty8_1 p{ color:#15BF84}
|
|
|
|
.lx_ty8_2{ width:80px; left:-5px; top:56px; text-align:right}
|
|
.lx_ty8_2 p{ color:#E22723}
|
|
|
|
.lx_ty8_3{ width:80px; left:-15px; top:106px; text-align:right}
|
|
.lx_ty8_3 p{ color:#2EABFF}
|
|
|
|
.lx_ty8_4{ width:80px; left:15px; top:160px; text-align:right}
|
|
.lx_ty8_4 p{ color:#D155FF}
|
|
|
|
.lx_ty8_5{ width:80px; right:25px; top:170px; }
|
|
.lx_ty8_5 p{ color:#1ED077}
|
|
|
|
.lx_ty8_6{ width:80px; right:-12px; top:120px;}
|
|
.lx_ty8_6 p{ color:#FFC34A}
|
|
|
|
.lx_ty8_7{ width:80px; right:-15px; top:60px; }
|
|
.lx_ty8_7 p{ color:#7BDD43}
|
|
|
|
.lx_ty8_8{ width:80px; right:20px; top:10px; }
|
|
.lx_ty8_8 p{ color:#FF7C44}
|
|
|
|
|
|
.dl_jq_zycx { margin-bottom:40px; position:relative }
|
|
.dl_jq_zycx li{ border-bottom:1px solid rgba(255,255,255,.2); padding:10px 0;}
|
|
.dl_jq_zycx li:after{ content: " "; display: table; }
|
|
.dl_jq_zycx li:after{ clear:both;}
|
|
.dl_jq_pic{ width:110px; height:90px; float:left }
|
|
.dl_jq_pic img{ width:96px; height:72px;}
|
|
.dl_jq_inf{ width:164px; float:left; }
|
|
.dl_jq_inf p, .dl_jq_inf h3{width:160px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:12px;}
|
|
.dl_jq_inf p{ line-height:22px; opacity:.8}
|
|
.dl_jq_inf h3{ font-size:14px; padding-bottom:6px;}
|
|
.dl_jq_zycx li:last-child{ border-bottom:none}
|
|
|
|
.dl_jq_sch{height:32px; line-height:30px; background:rgba(0,109,207,.3)}
|
|
.ipt_zycx{background:none; border:none; outline:none; height:30px; line-height:30px; display:inline-block; font-size:12px;}
|
|
.dl_jq_sch input[type=text]{background:none; border:none; outline:none; height:30px; width:auto; line-height:30px; display:inline-block; font-size:12px;}
|
|
.dl_jq_sch:before{ content:''; width:16px; height:16px; background:url(../images/sch_sou.png) no-repeat; display:inline-block; margin-left:7px; position:relative; top:4px }
|
|
.dl_jq_sch span{ font-size:12px; color:#00FFFF; float:right; padding-right:4px;}
|
|
.dl_r_pg{ height:40px; background: rgba(0,109,207,.8); position:fixed; bottom:30px; right:15px; width:322px;}
|
|
.dl_r_pg a{ display:inline-block; width:33.33%; text-align:center;background: rgba(255,255,255,.1); width:30px; height:30px; border-radius:30px; border:1px solid rgba(255,255,255,.3)}
|
|
|
|
.flexbox { padding:10px 0 0 0 ;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-moz-box-pack: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-align: center;
|
|
-moz-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.flex-1 {
|
|
display: block;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
width: 0;
|
|
text-align:center
|
|
}
|
|
|
|
|
|
.dl_dqph .tslyd_fb .com_mnjd li h3 span{ text-indent:0; background-image:none; width:auto; background-color:#0558E2; padding:0 5px; color:#fff; font-size:12px; border-radius:3px; line-height:20px;}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_1 >h3 > span{ background:rgba(255,0,76,1)}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_2 >h3 > span{ background:rgba(232,63,54,1)}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_3 >h3 > span{ background:rgba(248,130,69,1)}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_4 >h3 > span{ background:rgba(271,174,44,1)}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_5 >h3 > span{ background:rgba(194,104,227,1)}
|
|
.dl_dqph .jd_degnum{ color:#4DEDFC}
|
|
.mnjd_bg:before, .mnjd_bg:after { content: " "; display: table; }
|
|
.mnjd_bg:after { clear: both; }
|
|
.dl_dqph .tslyd_fb .com_mnjd li h3{ padding-bottom:10px;}
|
|
.dl_dqph .mnjd_bg .wd_num{ position:relative; display:inline-block; transition:width 2s;}
|
|
.dl_dqph .mnjd_bg .wd_num:after{ content:'';display:inline-block; width:4px; height:4px; border-radius:4px;box-shadow:1px 1px 3px 4px #1bfaf4; text-indent:-9999px;background:#1bfaf4; position:absolute; right:0; top:-2px; z-index:2;}
|
|
.tail_prg{display:inline-block; width:4px; height:4px; border-radius:4px;box-shadow:1px 1px 3px 4px #1bfaf4; text-indent:-9999px;background:#1bfaf4; display:none}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_1 .wd_num:after{background:rgba(255,0,76,1); box-shadow:rgba(255,0,76,1) 1px 1px 3px 4px}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_2 .wd_num:after{background:rgba(232,63,54,1); box-shadow:rgba(232,63,54,1) 1px 1px 3px 4px}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_3 .wd_num:after{background:rgba(248,130,69,1); box-shadow:rgba(248,130,69,1) 1px 1px 3px 4px}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_4 .wd_num:after{background:rgba(271,174,44,1); box-shadow:rgba(271,174,44,1) 1px 1px 3px 4px}
|
|
.dl_dqph .tslyd_fb .com_mnjd li.col_jq_5 .wd_num:after{background:rgba(194,104,227,1); box-shadow:rgba(194,104,227,1) 1px 1px 3px 4px}
|
|
|
|
|
|
|
|
|
|
.dl_all_zstj{ padding-bottom:15px}
|
|
.unit_zy{ width:80px; text-align:center; margin-top:10px}
|
|
.unit_zy span{display:block; width:60px; height:60px; margin:0 auto; animation:shew_1 1.6s 3; }
|
|
.all_zy_1{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-13px -404px}
|
|
.all_zy_2{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-84px -404px}
|
|
.all_zy_3{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-155px -404px}
|
|
.all_zy_4{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-227px -404px}
|
|
.all_zy_5{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-300px -404px}
|
|
.all_zy_6{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-371px -404px}
|
|
|
|
.all_zy_7{ background:url(../images/bwg0.png) no-repeat; background-size:100%}
|
|
.all_zy_8{ background:url(../images/tsg0.png) no-repeat;background-size:100%}
|
|
.all_zy_9{ background:url(../images/msg0.png) no-repeat;background-size:100%}
|
|
.all_zy_10{ background:url(../images/jy0.png) no-repeat;background-size:100%}
|
|
.all_zy_11{ background:url(../images/whyz0.png) no-repeat;background-size:100%}
|
|
|
|
|
|
.unit_zy h3{ font-size:12px; font-weight:normal; opacity:.6; padding-bottom:4px;}
|
|
.unit_zy p{ font-size:16px;}
|
|
.all_zy:nth-child(1) >.unit_zy:nth-child(1) > p{ color:#01FFFF}
|
|
.all_zy:nth-child(2) > .unit_zy:nth-child(1) > p{ color:#F74471}
|
|
.all_zy:nth-child(1) >.unit_zy:nth-child(2) > p{ color:#A7D01A}
|
|
.all_zy:nth-child(2) > .unit_zy:nth-child(2) > p{ color:#F163E3}
|
|
.all_zy:nth-child(1) >.unit_zy:nth-child(3) > p{ color:#FFEE1A}
|
|
.all_zy:nth-child(2) > .unit_zy:nth-child(3) > p{ color:#2E93FD}
|
|
|
|
.flexbox_1 {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.w_p25{ width: 25%; text-align: center}
|
|
.pic_unt{width:60px; height:60px; margin:0 auto; animation:shew_1 1.6s 3; }
|
|
|
|
|
|
/*
|
|
地理信息-景区页面
|
|
*/
|
|
.dl_lft_fxd{ position:fixed; width:288px; height:450px; left:15px; top:130px;z-index:13;background: rgba(5,7,58,.8);
|
|
box-shadow: 0px 0px 20px #1846a3 inset;
|
|
position: relative;
|
|
border-radius: 0 20px 20px 20px;
|
|
padding: 0 15px 10px 15px;
|
|
border: 1px solid #3178e1;}
|
|
.con_p .bdmall-tab-list{ padding:0}
|
|
.con_p .bdmall-tab-list .bdmall-tab-list{ padding:10px}
|
|
.dl_lft_c1{ position:relative; }
|
|
.dl_lft_c1:before{content:''; display:block; width:20px; height:18px; background:url(../xaimg/jb-lefts.png) no-repeat; position:absolute; top:-6px; left:-6px; z-index:20}
|
|
.dl_lft_c1:after{content:'';display:block; width:20px; height:18px; background:url(../xaimg/jb-rights.png) no-repeat; position:absolute; top:-6px; right:-6px; z-index:20}
|
|
.dl_lft_fxd:after{content:''; display:block; width:20px; height:18px; background:url(../xaimg/jb-leftx.png) no-repeat; position:absolute; bottom:0px; left:0px; z-index:14}
|
|
.dl_lft_fxd:before{content:''; display:block; width:20px; height:18px; background:url(../xaimg/jb-rightx.png) no-repeat; position:absolute; bottom:0px; right:0px; z-index:14}
|
|
.dl_lft_fxd .dl_lft_c1 .dl_sub_bt{left: -26px;}
|
|
.dl_lft_c1{ padding:10px;}
|
|
.dl_lft_c1 .che_sjkj{ padding-bottom:10px}
|
|
.unit_bhd span{display:block; width:60px; height:48px; padding-top:12px; text-align:center; }
|
|
.unit_bhd p{ font-size:12px; opacity:.8}
|
|
.unit_bhd:nth-child(1) span{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-449px -407px}
|
|
.unit_bhd:nth-child(2) span{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-530px -407px}
|
|
.unit_bhd:nth-child(3) span{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-612px -407px}
|
|
.unit_bhd:nth-child(4) span{ background:url(../images/dl_bot_menu.png) no-repeat; background-position:-694px -407px}
|
|
|
|
|
|
|
|
/*
|
|
地理信息-饭店信息
|
|
*/
|
|
.dl_fd_dy{ position:relative; height:200px;}
|
|
.dl_fd_dy div{position:absolute;}
|
|
.fddy_bg{ background:url(../images/dl_bot_menu.png) no-repeat; width:153px; height:171px; position:absolute; left:83px; top:40px; background-position:-638px -200px;-webkit-animation: proRotate 1s ease-in-out 300ms alternate none 2;animation: proRotate 1s ease-in-out 300ms alternate none 2;}
|
|
.dl_fd_dy h4{ opacity:.6; font-weight:normal; font-size:12px;}
|
|
.dl_fd_dy p{ font-size:16px;}
|
|
.fddy_1{ top:15px; right:210px;}
|
|
.fddy_1 p{ color:#FB4031; }
|
|
.fddy_2{ top:10px; right:90px;}
|
|
.fddy_2 p{ color:#0051C7; }
|
|
.fddy_3{ top:40px; left:240px;}
|
|
.fddy_3 p{ color:#80D5FF; }
|
|
.fddy_4{ top:164px; left:234px;}
|
|
.fddy_4 p{ color:#FEB00D; }
|
|
.fddy_5{ top:156px; right:210px;}
|
|
.fddy_5 p{ color:#F6711A; }
|
|
|
|
.dl_fd_zylx{ height:150px; position:relative; top:5px}
|
|
.fdzy_lx_bg{ background:url(../images/img_z2.png) no-repeat center; width:298px; height:86px; position:absolute; top:22px; left:1px; z-index:-1;animation:grow 0.7s 1.2s 1 ease;}
|
|
.fdzy_lx_bg2{ background:url(../images/img_z12.png) no-repeat center; width:298px; height:86px; position:absolute; top:22px; left:1px; z-index:-1;}
|
|
|
|
.am_grow{animation:grow 0.7s 1.2s 1 ease;-webkit-animation:grow 0.7s 1.2s 1 ease;}
|
|
.fdlx_1, .fdlx_2, .fdlx_3, .fdlx_4, .fdlx_5, .fdlx_6, .fdlx_7, .fdlx_8{ width:74px; display:inline-block; text-align:center; float:left;}
|
|
.dl_fd_zylx h4{ opacity:.6; font-size:12px; padding-bottom:18px; padding-top:5px; line-height:normal; margin:0}
|
|
.dl_fd_zylx p{ font-size:16px;}
|
|
.dl_fd_zylx .fdlx_xia h4{ position:relative; top:45px;}
|
|
.dl_fd_zylx .fdlx_xia p{ position:relative; top:-30px}
|
|
|
|
|
|
.dl_fd_zydj{ position:relative; height:240px; top:20px;}
|
|
.dl_fd_zydj div{position:absolute;}
|
|
.fddj_bg{ background:url(../images/img_z3.png) no-repeat; width:166px; height:166px; position:absolute; top:10px; left:67px; z-index:-1}
|
|
.dl_fd_zydj span{ font-size:16px; }
|
|
.dl_fd_zydj h4{font-size:12px;position:relative; font-weight:normal; opacity:.8; line-height:normal; margin:0}
|
|
.dl_fd_zydj p{font-size:12px; }
|
|
.fd_str_1{top:22px; right:240px; }
|
|
.fd_str_1 h4{ top:36px; left:70px; }
|
|
.fd_str_1 p{ position:relative; left:30px;}
|
|
.fd_str_1 span{color:#9023E5}
|
|
|
|
.fd_str_2{top:-26px; right:80px; width:120px;text-align:center }
|
|
.fd_str_2 h4{ top:50px; }
|
|
.fd_str_2 p{ display:inline-block; padding-right:4px; }
|
|
.fd_str_2 span{color:#9023E5}
|
|
|
|
.fd_str_3{top:22px; left:240px; }
|
|
.fd_str_3 h4{ top:36px; right:55px }
|
|
.fd_str_3 p{position:relative; right:20px; }
|
|
.fd_str_3 span{color:#E22723}
|
|
|
|
.fd_str_4{top:92px; left:240px; }
|
|
.fd_str_4 h4{ top:30px; right:55px }
|
|
.fd_str_4 p{position:relative; right:6px; }
|
|
.fd_str_4 span{color:#E5A025}
|
|
|
|
.fd_str_5{top:162px; right:80px; width:120px; text-align:center }
|
|
.fd_str_5 h4{ top:-10px;}
|
|
.fd_str_5 p{display:inline-block }
|
|
.fd_str_5 span{color:#28E091}
|
|
|
|
.fd_str_6{top:92px; right:240px; }
|
|
.fd_str_6 h4{ top:30px; left:80px; }
|
|
.fd_str_6 p{position:relative; left:20px; }
|
|
.fd_str_6 span{color:#E54D25}
|
|
|
|
.dl_lxs_yw{ position:relative; height:180px;}
|
|
.dl_lxs_yw div{ position:absolute;}
|
|
.lxs_ywfb_bg{ background:url(../images/img_z4.png) no-repeat; width:156px; height:143px; left:72px; top:15px ; z-index:-1}
|
|
.unit_yw_1{ width:80px; left:20px; top:20px; text-align:right; padding-right:10px;}
|
|
.dl_lxs_yw h4{ font-size:12px; padding-bottom:6px; font-weight:normal;line-height:normal; margin:0}
|
|
.dl_lxs_yw p{ font-size:16px;}
|
|
.unit_yw_1 h4, .unit_yw_1 p{ color:#FF3B2C}
|
|
.unit_yw_2{ width:80px; right:-6px; top:6px; }
|
|
.unit_yw_2 h4, .unit_yw_2 p{ color:#BE33FF}
|
|
.unit_yw_3{ width:80px; left:-20px; top:110px; text-align:right; padding-right:10px;}
|
|
.unit_yw_3 h4, .unit_yw_3 p{ color:#2EABFF}
|
|
.unit_yw_4{ width:80px; right:-18px; top:102px; }
|
|
.unit_yw_4 h4, .unit_yw_4 p{ color:#FF7900}
|
|
.lxs_diq_bg{background:url(../images/img_z5.png) no-repeat; width:221px; height:163px; left:39px; top:15px ; z-index:-1}
|
|
|
|
.unit_diqfb_1{ width:80px; left:10px; top:45px; text-align:right}
|
|
.unit_diqfb_1 h5{ color:#F25623; font-size:12px; padding-bottom:22px; position:relative; left:-10px}
|
|
.unit_diqfb_1 p{ font-size:16px;}
|
|
|
|
.unit_diqfb_2{ width:80px; left:70px; top:40px; text-align:right}
|
|
.unit_diqfb_2 h5{ color:#E28734; font-size:12px; padding-bottom:32px; position:relative; left:-10px}
|
|
.unit_diqfb_2 p{ font-size:16px;}
|
|
|
|
.unit_diqfb_3{ width:80px; left:140px; top:-5px; text-align:right}
|
|
.unit_diqfb_3 h5{ color:#1F91CF; font-size:12px; padding-bottom:22px; position:relative; top:20px; left:55px}
|
|
.unit_diqfb_3 p{ font-size:16px;}
|
|
|
|
.unit_diqfb_4{ width:80px; left:200px; top:55px; text-align:right}
|
|
.unit_diqfb_4 h5{ color:#C12CFF; font-size:12px; padding-bottom:22px;}
|
|
.unit_diqfb_4 p{ font-size:16px; text-align:left}
|
|
|
|
.unit_diqfb_5{ width:80px; left:160px; top:105px; text-align:right}
|
|
.unit_diqfb_5 h5{ color:#1FB785; font-size:12px; padding-bottom:22px; position:relative; top:42px; left:30px}
|
|
.unit_diqfb_5 p{ font-size:16px; text-align:left}
|
|
|
|
|
|
/*
|
|
地理信息-乡村旅游
|
|
*/
|
|
|
|
.dl_xc_zydj{ background:url(../images/img_z6.png) no-repeat center center; height:166px;}
|
|
.xc_dj_1{ width:80px; text-align:left; float:left; margin-left:10px;}
|
|
.xc_dj_1 li{ height:44px; padding-top:6px}
|
|
.xc_dj_1 li h3{ color:#fff; font-size:12px; font-weight:normal; padding-bottom:4px; opacity:.8}
|
|
.xc_dj_1 li p{ font-size:14px; color:#E1FA05; }
|
|
.xc_dj_2{ width:80px; text-align:right; float:right; margin-right:10px;}
|
|
|
|
.dl_xclx_bg{ background:url(../images/img_z7.png) no-repeat center center; height:150px;}
|
|
.xc_lxfb_top{ padding:8px 15px 30px 15px;}
|
|
.xc_lxfb_top h4{ font-weight:normal; font-size:12px; height:22px; line-height:22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin-bottom:6px; }
|
|
.xc_lxfb_bot{ padding:0; padding-top:10px;}
|
|
.xc_lxfb_bot h4{ margin-bottom:0; margin-top:6px;}
|
|
.xc_lxfb_top p{ font-size:16px; color:#FFf;}
|
|
|
|
.dl_xclx_bg > div:nth-child(1) > div:nth-child(1) > h4{ background:#FF3399; border-radius:5px 0 0 5px}
|
|
.dl_xclx_bg > div:nth-child(1) > div:nth-child(2) > h4{ background:#E5A025; }
|
|
.dl_xclx_bg > div:nth-child(1) > div:nth-child(3) > h4{ background:#36D900; }
|
|
.dl_xclx_bg > div:nth-child(1) > div:nth-child(4) > h4{ background:#00D9D9; border-radius:0px 5px 5px 0}
|
|
|
|
.dl_xclx_bg > div:nth-child(2) > div:nth-child(1) > h4{ background:#9326FF; border-radius:5px 0 0 5px}
|
|
.dl_xclx_bg > div:nth-child(2) > div:nth-child(2) > h4{ background:#00BFFF;}
|
|
.dl_xclx_bg > div:nth-child(2) > div:nth-child(3) > h4{ background:#26C686;}
|
|
.dl_xclx_bg > div:nth-child(2) > div:nth-child(4) > h4{ background:#FA613C;}
|
|
.dl_xclx_bg > div:nth-child(2) > div:nth-child(5) > h4{ background:#FEC111; border-radius:0px 5px 5px 0; color:#8C103E }
|
|
|
|
|
|
|
|
/*
|
|
地理信息-旅游厕所
|
|
*/
|
|
|
|
.dl_wc_djfb{ background:url(../images/img_z8.png) no-repeat center center; height:160px; }
|
|
.unit_dlwc_dj_1,.unit_dlwc_dj_2, .unit_dlwc_dj_3, .unit_dlwc_dj_4{ width:146px; height:78px; position:relative}
|
|
.unit_dlwc_dj_1 h4, .unit_dlwc_dj_1 p{ padding-left:40px;}
|
|
.unit_dlwc_dj_1 h4{ padding-top:30px; font-weight:normal}
|
|
.unit_dlwc_dj_1 span{ position:absolute; right:6px; top:50px; color:#8C103E; }
|
|
|
|
.unit_dlwc_dj_2 h4, .unit_dlwc_dj_2 p{ padding-right:20px; text-align:right}
|
|
.unit_dlwc_dj_2 h4{ padding-top:30px; font-weight:normal}
|
|
.unit_dlwc_dj_2 span{ position:absolute; left:26px; top:40px; color:#fff; }
|
|
|
|
.unit_dlwc_dj_3 h4, .unit_dlwc_dj_3 p{ padding-left:30px;}
|
|
.unit_dlwc_dj_3 h4{ padding-top:20px; font-weight:normal}
|
|
.unit_dlwc_dj_3 span{ position:absolute; right:10px; top:24px; color:#8C103E; }
|
|
|
|
.unit_dlwc_dj_4 h4, .unit_dlwc_dj_4 p{ padding-right:20px; text-align:right}
|
|
.unit_dlwc_dj_4 h4{ padding-top:20px; font-weight:normal}
|
|
.unit_dlwc_dj_4 span{ position:absolute; left:8px; top:20px; color:#000; }
|
|
|
|
|
|
|
|
/*
|
|
***********************景区客流量--主页**********************************
|
|
*/
|
|
|
|
.jqkll_djqh{ border-bottom:1px solid rgba(0,109,207,.8)}
|
|
.jqkll_djqh .che_jqjb{ position:static;}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
********************详情页弹窗*********************
|
|
*/
|
|
|
|
.smwd_wp{ width:1100px; margin:0 auto; background:url(../img/bj1.jpg) no-repeat center; background-size:cover;}
|
|
.smwd_head{ height:75px; background:url(../images/dgwd_head.png) no-repeat; background-position:center -11px; position:relative }
|
|
.dgwd_title{ height:42px; display:inline-block; margin:12px auto 0 15px; }
|
|
.dgwd_com_dj{ display:inline-block; border:1px solid #044ED7; border-right:none; height:36px;position:relative}
|
|
.dgwd_com_dj:after{ content:''; width:27px; height:38px; display:inline-block; background:url(../images/dgwd_head_tit.png) no-repeat; position:absolute; right:-20px; top:-1px}
|
|
.dgwd_com_dj span{padding-right:10px; position:relative; top:-4px; color:#FFC926; font-size:12px; }
|
|
.dgwd_com_name{ display:inline-block; height:36px; line-height:36px; padding:0 10px 0 15px; background:#044ED7; font-size:20px; color:#fff; position:relative; top:-6px; left:-15px;}
|
|
.smwd_head h4{ display:inline-block; width:280px; font-size:13px; background:url(../images/tb_dtdwh.png) no-repeat left center; padding-left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal; position:relative; top:0; margin-left:20px; opacity:.8}
|
|
|
|
.dgwd_menu{ position:absolute; width:330px; height:73px; right:50px; top:1px;}
|
|
.dgwd_menu li{ width:66px; height:73px; float:left; display:block; background:url(../images/dgwd_menu.png) no-repeat; text-indent:-9999px; }
|
|
.dgwd_menu li.dgwd_home{ background-position:-12px -81px;}
|
|
.dgwd_menu li.dgwd_sp{ background-position:-373px -81px;}
|
|
.dgwd_menu li.dgwd_pj{ background-position:-192px -81px;}
|
|
.dgwd_menu li.dgwd_ts{ background-position:-282px -81px;}
|
|
.dgwd_menu li.dgwd_360{ background-position:-102px -81px;}
|
|
.dgwd_menu li:hover.dgwd_home, .dgwd_menu a.on li.dgwd_home{ background-position:-12px -0px;}
|
|
.dgwd_menu li:hover.dgwd_sp, .dgwd_menu a.on li.dgwd_sp{ background-position:-370px -0px;}
|
|
.dgwd_menu li:hover.dgwd_pj, .dgwd_menu a.on li.dgwd_pj{ background-position:-191px -0px;}
|
|
.dgwd_menu li:hover.dgwd_ts, .dgwd_menu a.on li.dgwd_ts{ background-position:-280px -0px;}
|
|
.dgwd_menu li:hover.dgwd_360, .dgwd_menu a.on li.dgwd_360{ background-position:-101px -0px;}
|
|
.smwd_iframe{ padding:0 10px;}
|
|
|
|
|
|
/*
|
|
弹窗页-主页
|
|
*/
|
|
.jq_w372{ width:370px;}
|
|
.jq_w390{ width:410px;}
|
|
.jq_w290{ width:280px;}
|
|
.jq_w780{ width:790px;}
|
|
.ml10{ margin-left:10px;}
|
|
.mt15{ margin-top:15px;}
|
|
.pic_jq_inf{ position:relative}
|
|
.h_186{ height:196px;}
|
|
.pic_im_blk{ position:relative; }
|
|
.pic_im_blk img{height:186px; width:370px;}
|
|
.pic_im_blk h3{ position:absolute; top:0; width:100%; left:0; height:36px; background:rgba(0,0,0,.8); line-height:36px; font-weight:normal; font-size:14px;z-index:1;}
|
|
.pic_h_txt{ /*display:none;*/ position:absolute; top:0; right:0; width:200px; height:166px; padding:10px 0 10px 10px;background:rgba(0,0,0,.5);}
|
|
.pic_h_txt p{ line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
|
|
.pic_h_txt p em{ color:#FEB01F !important; padding-left:5px; font-style:normal}
|
|
<!--.pic_jq_inf:hover .pic_h_txt{ display:block}-->
|
|
.pic_jq_inf:hover h3{ display:none}
|
|
.wd_whe{ padding-bottom:10px}
|
|
.wd_whe span{display:inline-block;color:#FFC926; float:left}
|
|
.wd_whe span:nth-child(3){ float:right;padding-right:5px }
|
|
.whr_sunny{ width:24px; height:24px; margin-right:5px; position:relative; top:-3px}
|
|
.whr_sunny img{width:24px; height:24px;}
|
|
|
|
.wid_tianq{ background:rgba(0,109,207,.3); padding:10px}
|
|
.wd_tq_inf h4{ font-weight:normal; padding-bottom:6px;}
|
|
.wd_tq_inf p{ opacity:.7; font-size:12px;}
|
|
|
|
.wd_tit_com{ color:#FEB01F; font-weight:normal; font-size:16px; height:30px; line-height:30px;}
|
|
.jq_rmk{ background:url(../images/img_z11.png) no-repeat; background-position:0px 40px; height:202px;}
|
|
.jq_rmk li{ line-height:24px;}
|
|
.jq_rmk li span{ padding-left:6px;}
|
|
.jq_rmk li:nth-child(1), .jq_rmk li:nth-child(1) span { color:#D83D4D}
|
|
.jq_rmk li:nth-child(2), .jq_rmk li:nth-child(2) span { color:#00D900}
|
|
.jq_rmk li:nth-child(3), .jq_rmk li:nth-child(3) span{ color:#015AB9}
|
|
.jq_rmk li:nth-child(4), .jq_rmk li:nth-child(4) span { color:#FFFF00}
|
|
.jq_rmk li:nth-child(5), .jq_rmk li:nth-child(5) span { color:#B28500}
|
|
|
|
.unit_state{display:inline-block; margin-right:20px; margin-top:10px;}
|
|
.unit_state h3{ color:#4BD6DB; font-weight:normal; font-size:20px;}
|
|
.unit_state p{ font-size:12px; opacity:.7}
|
|
|
|
.wd_inx_wp .pj_total{ background-size:60%; background-position:center 20px; height:120px; }
|
|
.wid_tianq .gdsz{ position:relative}
|
|
.pl_zongs{ position:absolute; left:6px; top:6px;display:inline-block; width:40px; color:#FEB01F}
|
|
.wid_tianq .shuzi{ padding-left:40px}
|
|
|
|
.wd_wp_unit{ position:absolute; left:0; width:80px; top:30px;}
|
|
.wd_wp_unit h5{ font-weight:normal; text-align:right; font-size:12px; opacity:.6;}
|
|
.wd_wp_unit p{ font-size:16px; color:#FF339A; text-align:right}
|
|
.wd_wp_unit:nth-child(2){top:-17px; left:auto; right:0}
|
|
.wd_wp_unit:nth-child(2) h5{ text-align:left}
|
|
.wd_wp_unit:nth-child(2) p{ color:#57FFFF; text-align:left}
|
|
.wd_wp_unit:nth-child(3){top:72px; left:auto; right:-10px}
|
|
.wd_wp_unit:nth-child(3) h5{ text-align:left}
|
|
.wd_wp_unit:nth-child(3) p{ color:#FEB01F; text-align:left}
|
|
.gd_pj_inf{ height:240px; overflow:hidden}
|
|
.list_lh{ margin-top:15px; height:300px; overflow:hidden}
|
|
.list_lh li{border-left:1px solid #6398FC; padding:5px 0 15px 0; margin-left:4px; }
|
|
.list_lh h4{ font-weight:normal; font-size:12px; position:relative; left:-5px; top:-5px; }
|
|
.list_lh h4:before{ content:''; display:inline-block;width:10px; height:10px; background:#FEB01F; color:#fff; border-radius:10px;/* position:absolute; left:-10px; top:5px*/ }
|
|
.list_lh h4 span{ display:inline-block; padding:0 5px; background:#FEB01F; height:20px; line-height:20px; color:#530000; border-radius:20px; font-style:normal; margin-right:5px;}
|
|
.list_lh h4 em{ font-style:normal; opacity:.6}
|
|
.list_lh p{ padding:5px 0 10px 10px; font-size:13px; line-height:20px; height:30px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
|
|
.wd_rgt_auto li{ float:left; width:128px; height:24px; background:url(../images/wd_menu.png) no-repeat; background-position:-201px -109px; color:#fff; font-size:14px; padding:8px 0 0 10px }
|
|
.i_wd_pj, .i_wd_ts{ display:inline-block; width:18px; height:18px; background:url(../images/fot_ts_2.png) no-repeat; background-size:100%; vertical-align:middle; margin-right:6px;}
|
|
.i_wd_ts{ background:url(../images/fot_ts_1.png) no-repeat; background-size:100%;}
|
|
.wd_rgt_auto li:nth-child(2){ position:relative; left:-10px }
|
|
.wd_rgt_auto li.hover{background-position:-6px -109px;}
|
|
.wd_rgt_auto li:nth-child(2).hover{left:-30px;}
|
|
.wd_rgt_auto li.hover a{ color:#4CF2FF}
|
|
.wd_rgt_auto li.hover .i_wd_pj{background:url(../images/fot_2_2.png) no-repeat; background-size:100%;}
|
|
.wd_rgt_auto li.hover .i_wd_ts{background:url(../images/fot_1_1.png) no-repeat; background-size:100%;}
|
|
|
|
.wd_inx_ts{background:url(../images/img_z13.png) no-repeat center; height:164px; position:relative}
|
|
.unit_wdx_1{ position:absolute; width:90px; top:50px; left:-20px; text-align:right}
|
|
.unit_wdx_1 h4{ font-weight:normal; opacity:.6; font-size:12px;}
|
|
.unit_wdx_1 p{ font-size:16px; color:#FA3663}
|
|
.unit_wdx_2{ position:absolute; width:90px; top:50px; right:-10px; text-align:left}
|
|
.unit_wdx_2 h4{ font-weight:normal; opacity:.6; font-size:12px;}
|
|
.unit_wdx_2 p{ font-size:16px; color:#FE8C34}
|
|
.unit_wdx_3{ position:absolute; top:130px; width:100%; text-align:center}
|
|
.unit_wdx_3 h4{ font-weight:normal; opacity:.6; font-size:12px; display:inline-block}
|
|
.unit_wdx_3 p{ font-size:16px; color:#57FFFF; display:inline-block}
|
|
|
|
|
|
/*
|
|
弹窗-评价
|
|
*/
|
|
.wd_menu_pj li{ display:block; width:48px; height:32px; float:left; text-indent:-9999px; background:url(../images/wd_menu.png) no-repeat}
|
|
.wd_menu_pj li.wd_menu_qb{ background-position:-54px -2px; }
|
|
.wd_menu_pj li.wd_menu_quna{ background-position:-5px -2px; }
|
|
.wd_menu_pj li.wd_menu_mt{ background-position:-103px -2px; }
|
|
.wd_menu_pj li.wd_menu_mfw{ background-position:-544px -2px; }
|
|
.wd_menu_pj li.wd_menu_xc{ background-position:-394px -2px; }
|
|
.wd_menu_pj li.wd_menu_bd{ background-position:-446px -2px; }
|
|
.wd_menu_pj li.wd_menu_dzdp{ background-position:-348px -2px; }
|
|
.wd_menu_pj li.wd_menu_mty{ background-position:-299px -2px; }
|
|
.wd_menu_pj li.wd_menu_lm{ background-position:-201px -2px; }
|
|
.wd_menu_pj li.wd_menu_tc{ background-position:-495px -2px; }
|
|
.wd_menu_pj li.wd_menu_tun{ background-position:-152px -2px; }
|
|
.wd_menu_pj li.wd_menu_yl{ background-position:-250px -2px; }
|
|
.wd_menu_pj li.wd_menu_akd{ background-position:-593px -2px; }
|
|
.wd_menu_pj li.wd_menu_bk{ background-position:-642px -2px; }
|
|
.wd_menu_pj li.wd_menu_fz{ background-position:-691px -2px; }
|
|
|
|
.wd_menu_pj a.on li.wd_menu_qb, .wd_menu_pj a:hover li.wd_menu_qb{ background-position:-55px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_quna, .wd_menu_pj a:hover li.wd_menu_quna{ background-position:-5px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_mt, .wd_menu_pj a:hover li.wd_menu_mt{ background-position:-103px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_mfw, .wd_menu_pj a:hover li.wd_menu_mfw{ background-position:-545px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_xc, .wd_menu_pj a:hover li.wd_menu_xc{ background-position:-397px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_bd, .wd_menu_pj a:hover li.wd_menu_bd{ background-position:-447px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_dzdp, .wd_menu_pj a:hover li.wd_menu_dzdp{ background-position:-349px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_mty, .wd_menu_pj a:hover li.wd_menu_mty{ background-position:-299px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_lm, .wd_menu_pj a:hover li.wd_menu_lm{ background-position:-201px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_tc, .wd_menu_pj a:hover li.wd_menu_tc{ background-position:-495px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_tun, .wd_menu_pj a:hover li.wd_menu_tun{ background-position:-153px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_yl, .wd_menu_pj a:hover li.wd_menu_yl{ background-position:-251px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_akd, .wd_menu_pj a:hover li.wd_menu_akd{ background-position:-594px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_bk, .wd_menu_pj a:hover li.wd_menu_bk{ background-position:-642px -58px; }
|
|
.wd_menu_pj a.on li.wd_menu_fz, .wd_menu_pj a:hover li.wd_menu_fz{ background-position:-692px -58px; }
|
|
|
|
|
|
|
|
.mbx_wd{ margin-bottom:2px;}
|
|
.mbx_wd p{ color:#4DF3FF; padding:0 10px 0 5px;}
|
|
.mbx_wd p span{ display:inline-block; color:#4DF3FF;}、
|
|
.lst_wd_pjxq{}
|
|
.lst_wd_pjxq li{ border-bottom:1px dashed rgba(255,255,255,.2); padding:10px 0;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;}
|
|
.wd_pjq_ly{ width:50px; float:left; margin:0 0 0 10px; }
|
|
.wd_pjq_ly img{ background:#023188;width:50px; height:50px; border-radius:60px;}
|
|
|
|
.wd_pjq_txt{ margin-left:80px; position:relative}
|
|
.wd_pjq_txt h4{ font-style:normal; font-weight:normal; color:#FDB328; font-size:14px;}
|
|
.plq_time{ opacity:.6; font-size:12px;}
|
|
.pjq_cont{ line-height:24px; padding-top:10px;}
|
|
.star_wp_pj{ position:absolute; right:10px; top:10px;}
|
|
.star_wp_pj span{ display:inline-block; width:90px; height:15px; background:url(../images/wd_star.png) no-repeat; text-indent:-9999px}
|
|
.star_wp_pj .one_sr_pj{ background-position:-7px -31px}
|
|
.star_wp_pj .two_sr_pj{ background-position:-7px -56px}
|
|
.star_wp_pj .three_sr_pj{ background-position:-7px -80px}
|
|
.star_wp_pj .four_sr_pj{ background-position:-7px -105px}
|
|
.star_wp_pj .five_sr_pj{ background-position:-7px -130px}
|
|
.star_wp_pj .zero_sr_pj{ background-position:-7px -7px}
|
|
|
|
|
|
.star_wp_pj em{ display:inline-block; height:20px; border-radius:20px; line-height:20px; padding:0 6px; background:#FEB01F; margin-left:6px; color:#5E0C02; font-style:normal; font-size:12px;}
|
|
.wd_pjq_box .page_warp_wd{ background: rgba(0,109,207,.3);border-top:3px solid #006DD9; margin-top:0; padding:5px 0; padding-left:10px; position:static; position:relative; top:0}
|
|
.wd_pjq_box .wid_page a{ float:none; display:inline-block; border-color:rgba(255,255,255,.2)}
|
|
.wd_pjq_box .wid_page a.on{border-color:#1E87FB;}
|
|
.wd_pjq_box .page_state{ padding-right:20px; position:absolute; right:0; top:6px; text-align:right}
|
|
.pj_con_h{height:406px; overflow:auto}
|
|
/*图片查看*/
|
|
.pjq_con_pic a { display:inline-block; width:120px; height:90px; float:left; margin-right:10px; margin-top:10px; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover }
|
|
@media screen and (max-width:960px) {
|
|
#thumbs { width: auto }
|
|
#bsaHolder { display: none }
|
|
}
|
|
|
|
|
|
.pj_con_h::-webkit-scrollbar {width:2px !important;}
|
|
.pj_con_h::scrollbar {width:2px !important;}
|
|
/* 滚动槽 */
|
|
.pj_con_h::-webkit-scrollbar-track {-webkit-box-shadow: 0;background-color:transparent;}
|
|
/* 滚动条滑块 */
|
|
.pj_con_h::-webkit-scrollbar-thumb {background-color:transparent;-webkit-box-shadow:0;}
|
|
.pj_con_h::-scrollbar-thumb {background-color:transparent;-webkit-box-shadow:0;}
|
|
.pj_con_h::-webkit-scrollbar-thumb:window-inactive {background-color:transparent;}
|
|
.pj_con_h::scrollbar-thumb:window-inactive {background-color:transparent;}
|
|
|
|
|
|
/*
|
|
弹窗-投诉
|
|
*/
|
|
.pj_con_h li.wd_ts_li{ padding-bottom:10px }
|
|
.wd_ts_li h5{ font-size:16px;line-height:28px;color:#4DF3FF; font-weight:normal }
|
|
.wd_ts_li h5 span{ font-size:12px; margin:0 6px; display:inline-block; width:20px; height:20px; border-radius:20px; line-height:20px; text-align:center; color:#8C2300; background:#F8C427; vertical-align:middle }
|
|
.wd_ts_li p{ padding-top:10px; }
|
|
.wd_ts_li .pjq_cont{ background:rgba(0,109,207,.3); padding:10px; margin-top:10px; position:relative}
|
|
.wd_ts_li .pjq_cont:before{ content:''; width:8px; height:8px; display:inline-block; position:absolute; left:10px; top:-8px; background:url(../images/wd_menu.png) no-repeat; background-position:-773px -75px;}
|
|
.wd_ts_tips span{ color:#FEB01F; margin-right:20px}
|
|
.wd_ts_tips .plq_time{ font-style:normal; float:right}
|
|
.star_wp_pj .tj_sus, .star_wp_pj .tj_fail{ background:#289922; height:28px; line-height:28px; display:inline-block; border-radius:28px; padding:0 4px; text-indent:0; font-size:12px;}
|
|
.tj_sus i, .tj_fail i{ display:inline-block; width:20px; height:20px; background:url(../images/wd_menu.png) no-repeat; background-position:-769px -46px;text-indent:-9999px; vertical-align:middle; margin-right:5px; position:relative; top:-1px}
|
|
.star_wp_pj .tj_fail{ background:#044ED7}
|
|
.tj_fail i{ background-position:-768px -18px}
|
|
|
|
.wd_ts_clfx .wd_wp_unit:nth-child(1){ left:-10px; }
|
|
.wd_ts_clfx .wd_wp_unit:nth-child(1) h5{ }
|
|
.wd_ts_clfx .pj_total{ background-image:url(../img2/three_huan.png); background-size:40%; height:145px;}
|
|
|
|
.wd_tsqud .jd_degnum{top:15px;}
|
|
|
|
/*景区客流量监测系统*/
|
|
.old_page .gy_sx{ position:fixed}
|
|
.old_pg_wrap{padding:15px; margin-top:70px;}
|
|
.mgn_r_15{ margin-right:15px}
|
|
.block_3{ width:30%}
|
|
.block_7{ width:70%;}
|
|
.com_box_zsy{ background:rgba(5,7,58,.8);box-shadow: 0px 0px 20px #1846a3 inset; position:relative; border-radius:0 20px 20px 20px;padding:0 15px 10px 15px; border:1px solid #3178e1;}
|
|
.com_box_zsy:after{content:''; display:block; width:20px; height:18px; background:url(../xaimg/jb-leftx.png) no-repeat; position:absolute; bottom:0px; left:0px; z-index:11}
|
|
.com_box_zsy:before{content:''; display:block; width:20px; height:18px; background:url(../xaimg/jb-rightx.png) no-repeat; position:absolute; bottom:0px; right:0px; z-index:11}
|
|
|
|
.com_box_zsy .page_warp_wd{ position:static; top:auto; margin-top:0px;background: rgba(0,109,207,.2); padding-left:15px; height:40px; padding-top:9px;}
|
|
.com_box_zsy .wid_page{ width:auto; padding-left:60px;}
|
|
.com_box_zsy .page_state{ padding-right:10px}
|
|
.com_box_zsy .page_state p{ display:inline; padding-right:10px;}
|
|
.com_box_zsy .page_state p span{ color:#1bfaf4; font-weight:500; padding:0 4px}
|
|
.com_box_zsy .jqk_1{ margin:0}
|
|
.kll_sm_jqsch{ display:inline-block; margin-top:-5px}
|
|
.kll_sm_jqsch .dl_jq_sch{ background-color:transparent;border-bottom:1px solid #207E8C}
|
|
.kll_sm_jqsch .dl_jq_sch .ipt_zycx{width:200px; }
|
|
.btn_a_1{background:#122552; padding:3px 10px;}
|
|
.btn_a_1:hover{ color:#57FFFF}
|
|
|
|
/*游客逗留时间*/
|
|
.com_box_zsy .dl_diw{ width:260px;}
|
|
.com_box_zsy .dl_tb_wp{ padding-left:260px;}
|
|
.com_box_zsy .dl_time, .com_box_zsy .dl_day{ width:260px; background-position:center center}
|
|
.com_box_zsy .dl_diw p{ display:inline; text-align:center}
|
|
.com_box_zsy .dl_day{ background-position:center -12px}
|
|
|
|
/*游客结构*/
|
|
.kll_rit_fxd{ position:fixed; width:320px; right:15px; top:90px; bottom:30px; z-index:10; }
|
|
.kll_rit_fxd .com_box_zsy .age_fb .com_mnjd li{ padding:0 60px 0 40px;}
|
|
.kll_rit_fxd .com_box_zsy .age_fb{ margin-top:-20px}
|
|
.kll_rit_fxd .age_fb .com_mnjd li{ height:36px;}
|
|
.kll_rit_fxd .age_fb .jd_degnum{ width:56px; font-size:16px; padding-left:4px;}
|
|
.kll_rit_fxd .com_box_zsy .jd_degnum{right:0}
|
|
.kll_rit_fxd .pic_sex{ width:auto; padding:25px 10px 0 10px }
|
|
.kll_rit_fxd .pic_sex img{ width:60%; margin:0 auto}
|
|
.kll_rit_fxd .txt_sex h3, .kll_rit_fxd .txt_sex h4, .kll_rit_fxd .txt_sex h3 span, .kll_rit_fxd .txt_sex h4 span{ line-height:normal; font-size:14px; font-weight:normal}
|
|
|
|
.kll_rit_fxd .cxfs_lbx{ margin:0}
|
|
.kll_rit_fxd .cxfs_lbx li img{ width:90%}
|
|
.kll_rit_fxd .cx_inf h3{ margin-top:36px; font-size:14px}
|
|
|
|
.kll_left{ height:470px;}
|
|
.kll_left .tslyd_fb{padding:0; padding-right:60px; }
|
|
.kll_left .dl_lft_c1{ padding:0 10px}
|
|
.kll_left .com_mnjd{ padding-top:0}
|
|
.kll_left .tslyd_fb .jd_degnum{ top:15px}
|
|
|
|
/*
|
|
旅游投诉分析
|
|
*/
|
|
.tsfx_sm_1{ margin:0}
|
|
.tsfx_sm_1 .jqk_1 td{ padding:8px; border-right:1px solid #032661; font-size:14px;}
|
|
.tsfx_sm_1 .jqk_1 th{ padding:2px; font-size:14px;}
|
|
.com_mnjd li h3{ text-align:left}
|
|
.sub_tit2{ text-align:left}
|
|
.tsfx_sm_2 .com_mnjd li{padding:0 10px;}
|
|
.tsfx_sm_2 .com_mnjd li h3{font-size:14px; height:30px; line-height:30px}
|
|
.tsfx_sm_2 .com_mnjd li h3 span{ font-size:14px;}
|
|
/*.tsfx_sm_2 .tous_j .com_mnjd li h3 span{ color:rgba(255,51,153) }*/
|
|
.tsfx_sm_2 .tsfx_sl, .tsfx_sm_2 .tous_j{ width:auto; margin:0; padding:0; height:auto }
|
|
.tsfx_sm_2 .tsfx_sl .jd_degnum{ top:18px;}
|
|
.tsfx_sm_2 .tsfx_sl .com_mnjd{ padding-top:0; padding-bottom:10px; height:320px; overflow:auto;}
|
|
.tsfx_sm_2 .tsfx_sl .com_mnjd:before, .tsfx_sm_2 .tsfx_sl .com_mnjd:before, .tsfx_sm_2 .zdjq_l:before{ display:none}
|
|
.tsfx_sm_2 .tsfx_sl .com_mnjd:after, .tsfx_sm_2 .tsfx_sl .com_mnjd:after, .tsfx_sm_2 .zdjq_l:after{ display:none}
|
|
.tsfx_sm_2 .dl_sub_bt,.tsfx_sm_2 .flex-1{ text-align:left}
|
|
.tsfx_sm_2 .dl_sub_bt h3{ background-image:none; opacity:.6}
|
|
.tsfx_sm_2 .dl_sub_bt h3.hover{background:url(../images/dl_sub_bt.png) repeat-x left bottom; opacity:1}
|
|
.tsfx_sm_2 .mnjd_bg{ margin:10px 0 0 0}
|
|
.tsfx_sm_2 .dl_sub_bt h3:nth-child(1).hover span{ color:rgba(255,51,153)}
|
|
.tsfx_sm_2 .dl_sub_bt h3:nth-child(1) span{ color:rgba(255,51,153)}
|
|
|
|
|
|
.tsfx_sm_3 .flex-1{ text-align:left}
|
|
.tsfx_sm_3 .flexbox{-webkit-box-align:start;-webkit-box-pack:start }
|
|
.tsfx_sm_3 .pic_sex{ width:auto; padding:25px 10px 0 10px }
|
|
.tsfx_sm_3 .pic_sex img{ width:60%; margin:0 auto}
|
|
.tsfx_sm_3 .txt_sex h3, .tsfx_sm_3 .txt_sex h4, .tsfx_sm_3 .txt_sex h3 span, .tsfx_sm_3 .txt_sex h4 span{ line-height:normal; font-size:14px; font-weight:normal}
|
|
.tsfx_sm_3 .tsqd_wp{ background-size:50%; background-position:center}
|
|
.tsfx_sm_3 .qd_gov, .tsfx_sm_3 .qd_oth, .tsfx_sm_3 .qd_12301{ width:100px;}
|
|
.tsfx_sm_3 .qd_gov{ right:0; text-align:left}
|
|
.tsfx_sm_3 .qd_12301{ text-align:right; left:-30px}
|
|
.tsfx_sm_3 .qd_12301{}
|
|
.tsfx_sm_3 .tslyd_fb{ padding-top:1px; padding-left:0}
|
|
.tsfx_sm_3 .pic_sex{ height:199px; padding-top:36px}
|
|
.tsfx_sm_3 .tsyk_nlbl{ padding-top:0}
|
|
.tsfx_sm_3 .yk_nian{ padding-top:9px; padding-left:40px}
|
|
.tsfx_sm_3 .tslyd_fb .jd_degnum{ top:15px}
|
|
.tsfx_sm_3 .yk_img{ left:0}
|
|
|
|
.tsfx_sm_3 .dl_fd_dy{ width:220px; margin:0 auto}
|
|
.tsfx_sm_3 .fddy_bg{ left:33px; top:41px}
|
|
.tsfx_sm_3 .fddy_1{ left:-20px; right:auto}
|
|
.tsfx_sm_3 .fddy_5{ left:-20px; right:auto}
|
|
.tsfx_sm_3 .fddy_2{ right:70px}
|
|
.tsfx_sm_3 .fddy_3{ left:auto; right:-25px}
|
|
.tsfx_sm_3 .fddy_4{ left:auto; right:-20px}
|
|
|
|
|
|
.lvyts_fl_date{ padding-top:15px;}
|
|
.lvyts_fl_date div{ width:70px; float:left; text-align:center; margin-bottom:15px }
|
|
.lvyts_fl_date div p{display:block; width:60px; height:60px; border-radius:30px 0 30px 0; font-size:14px;text-align:center; line-height:60px; color:#fff; margin-bottom:10px; animation:flipInY 3s ease-in-out 300ms alternate none 2 }
|
|
.lvyts_fl_date div p span{font-size:12px; opacity:.6; padding-left:3px; position:relative; top:-10px;}
|
|
.lvyts_fl_date div:nth-child(1) p{background:linear-gradient(45deg, #E6C402, #FC7101); }
|
|
.lvyts_fl_date div h4{font-weight:normal;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
|
|
.lvyts_fl_date div:nth-child(2) p{background:linear-gradient(45deg, #57AD3C,#18740F); }
|
|
.lvyts_fl_date div:nth-child(3) p{background:linear-gradient(45deg, #68C1ED,#0080B0); }
|
|
.lvyts_fl_date div:nth-child(4) p{background:linear-gradient(45deg, #E73B5A,#DE1B3D); }
|
|
.lvyts_fl_date div:nth-child(5) p{background:linear-gradient(45deg, #CA60A7,#BC208D); }
|
|
.lvyts_fl_date div:nth-child(6) p{background:linear-gradient(45deg, #23DEF3,#099CC1); }
|
|
.lvyts_fl_date div:nth-child(7) p{background:linear-gradient(45deg, #4E7AFE,#0133FC); }
|
|
.lvyts_fl_date div:nth-child(8) p{background:linear-gradient(45deg, #B5D301,#8EA701); }
|
|
.lvyts_fl_date div:nth-child(9) p{background:linear-gradient(45deg, #FF017E,#C80689); }
|
|
.lvyts_fl_date div:nth-child(10) p{background:linear-gradient(45deg, #FC7101,#FDD909); }
|
|
|
|
.lvyts_fl_date div:nth-child(1){ }
|
|
|
|
|
|
|
|
|
|
/*
|
|
网络评价分析
|
|
*/
|
|
|
|
.wlp_sm_1 .flex-1, .wlp_sm_1 .flex-2{ text-align:left}
|
|
|
|
|
|
.wlp_sm_1 .tslyd_fb .com_mnjd li{ display:block; width:100%}
|
|
.wlp_sm_1 .tslyd_fb{ padding-top:0;padding-left:0}
|
|
.wlp_sm_1 .pj_total{ width:350px; margin:0 auto}
|
|
.wlp_sm_1 .pj_total .qd_gov{ width:80px; right:-10px; left:auto}
|
|
.wlp_sm_1 .pj_total .qd_oth{ left:auto; width:80px; right:-10px}
|
|
.wlp_sm_1 .pj_total .qd_12301{ right:auto; width:80px; left:-10px}
|
|
|
|
.wlp_sm_1 .jqhol_zb{width:350px; margin:0 auto; background-size:60%}
|
|
.wlp_sm_1 .jh_whole{ left:auto; right:0;width:100px;}
|
|
.wlp_sm_1 .jh_hotel{ left:auto; right:-40px; width:100px;}
|
|
.wlp_sm_1 .jh_spot{ left:-40px;width:100px; top:146px}
|
|
|
|
|
|
/*
|
|
导游监测分析系统
|
|
*/
|
|
.flex-2 {
|
|
display: block;
|
|
-webkit-box-flex: 2;
|
|
-ms-flex: 2;
|
|
flex: 2;
|
|
width: 0;
|
|
text-align:center
|
|
}
|
|
|
|
.dyld_wp{ background: url(../images/img_z18.png) no-repeat center center; width:200px; margin:0 auto; height:180px; position:relative; top:-20px }
|
|
.dyld_zj{ text-align:center; padding-top:26px }
|
|
.dyld_zj h4{ font-weight:normal; font-size:12px; opacity:.8}
|
|
.dyld_zj p{ font-size:16px;}
|
|
.unit_dyld_1{ margin-top:65px; width:60px; float:left; text-align:center}
|
|
.unit_dyld_1 h4{ font-weight:normal; font-size:12px}
|
|
.unit_dyld_1:nth-child(3){ position:relative; top:20px; left:10px}
|
|
.unit_dyld_1:nth-child(4){position:relative; left:20px}
|
|
|
|
|
|
.dyjc_xlfb{ background:url(../images/img_z16.png) no-repeat center center; height:180px; position:relative; top:20px; width:270px; margin:0 auto }
|
|
.unit_xl_1{ width:67px; float:left; text-align:center; position:relative; }
|
|
.unit_xl_1 h5{ padding-top:86px; color:#398299; padding-bottom:50px; font-size:14px;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
|
|
.unit_xl_1 p{ font-size:12px; }
|
|
.unit_xl_1:nth-child(2){ left:-10px}
|
|
.unit_xl_1:nth-child(2) h5{ padding-top:30px; color:#4BA88F; padding-bottom:106px}
|
|
.unit_xl_1:nth-child(3) h5{ padding-top:6px; color:#A15F38; padding-bottom:130px}
|
|
.unit_xl_1:nth-child(4){}
|
|
.unit_xl_1:nth-child(4) h5{ padding-top:70px; color:#D64142; padding-bottom:66px}
|
|
|
|
.dy_mzfb{background:url(../images/img_z17.png) no-repeat center center; height:180px; width:270px; margin:0 auto; position:relative; top:20px;}
|
|
.dy_mzfb div{ position:absolute;}
|
|
.dy_mzfb div h4{ display:inline; font-weight:normal; font-size:12px; }
|
|
.dy_mzfb div p{ display:inline-block; font-size:14px;text-align:center }
|
|
|
|
.unit_mz_1{ left:125px; top:15px}
|
|
.unit_mz_1 p{ padding-right:4px; width:70px; }
|
|
|
|
.unit_mz_2{ right:10px; left:auto; top:60px; }
|
|
.unit_mz_2 p{ width:82px}
|
|
|
|
.unit_mz_3{ right:120px; left:auto; top:75px}
|
|
.dy_mzfb div.unit_mz_3 h4{ padding-left:10px;font-size:14px; color:#C90688;display:inline-block; text-align:center; width:82px}
|
|
|
|
.unit_mz_4{ right:135px; left:auto; top:125px}
|
|
.dy_mzfb div.unit_mz_4 h4{ padding-left:10px;font-size:14px; width:82px; display:inline-block; text-align:center; }
|
|
|
|
.unit_mz_5{ right:30px; left:auto; top:125px}
|
|
.unit_mz_5 p{ padding-left:10px; width:82px}
|
|
|
|
|
|
.dy_hynum { padding-top:10px }
|
|
.dy_hynum li{ height:32px; position:relative; margin-bottom:12px}
|
|
/*.dy_hynum li:before{ position:absolute; width:18px; height:32px; display:block; left:0; top:0; content:''; background:rgba(247,85,72)}*/
|
|
.dy_hynum li p{background:linear-gradient(to right, rgba(247,85,72,.1), rgba(247,85,72,.5)); padding-left:23px; margin-right:65px; height:32px; line-height:30px; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative}
|
|
.dy_hynum li p:before{ position:absolute; width:18px; height:32px; display:block; left:0; top:0; content:''; background:rgba(247,85,72)}
|
|
.dy_hynum li:nth-child(2) p{ padding-left:19px; background:linear-gradient(to left, rgba(255,128,0,.1), rgba(255,128,0,.5));}
|
|
.dy_hynum li:nth-child(2) p:before{ width:14px; background:#FF8000}
|
|
.dy_hynum li:nth-child(2) h4{ color:rgba(255,128,0)}
|
|
.dy_hynum li:nth-child(3) p{ padding-left:15px; background:linear-gradient(to right, rgba(254,193,17,.1), rgba(254,193,17,.5));}
|
|
.dy_hynum li:nth-child(3) p:before{background:#FEC111; width:10px;}
|
|
.dy_hynum li:nth-child(3) h4{ color:rgba(254,193,17)}
|
|
.dy_hynum li:nth-child(4) p{ padding-left:11px; background:linear-gradient(to left, rgba(96,201,90,.1), rgba(96,201,90,.5));}
|
|
.dy_hynum li:nth-child(4) p:before{background:#60C95A; width:6px;}
|
|
.dy_hynum li:nth-child(4) h4{ color:rgba(96,201,90)}
|
|
.dy_hynum li:nth-child(5) p{ padding-left:8px; background:linear-gradient(to right, rgba(55,238,210,.1), rgba(55,238,210,.5));}
|
|
.dy_hynum li:nth-child(5) p:before{background:#37DAE6; width:3px;}
|
|
.dy_hynum li:nth-child(5) h4{ color:rgba(55,238,210)}
|
|
.dy_hynum li h4{ position:absolute; right:0; font-size:14px; font-weight:normal; width:60px; text-align:left; top:4px;color:rgba(247,85,72);-webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;}
|
|
|
|
.dy_yzfb{ background:url(../images/img_z15.png) no-repeat; height:229px; width:275px; margin:0 auto; position:relative; top:20px}
|
|
.unit_dyyz_1{ width:55px; float:left; }
|
|
.unit_dyyz_1 p{ dispaly:block; font-size:12px; height:30px; padding-top:10px; text-align:center; }
|
|
.unit_dyyz_1 p span{ font-size:10px; opacity:.6}
|
|
.unit_dyyz_1 h4{ dispaly:block; text-align:center; color:#60C95A; font-weight:normal; font-size:14px; padding-top:32px; height:30px;-webkit-animation-duration: 2.2s; animation-duration: 2.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: flash;
|
|
animation-name: flash;}
|
|
.unit_dyyz_1:nth-child(2) p{ padding-top:0; position:relative; top:-4px }
|
|
.unit_dyyz_1:nth-child(2) h4{ padding-top:0px; position:relative; top:-15px; color:#C90688 }
|
|
.unit_dyyz_1:nth-child(3) p{ padding-top:20px; }
|
|
.unit_dyyz_1:nth-child(3) h4{ padding-top:60px; color:#21C8F5 }
|
|
.unit_dyyz_1:nth-child(4) p{ padding-top:10px; }
|
|
.unit_dyyz_1:nth-child(4) h4{ padding-top:5px; color:#FF8800 }
|
|
.unit_dyyz_1:nth-child(5) p{ padding-top:20px; color:#C90688 }
|
|
.unit_dyyz_1:nth-child(5) h4{ padding-top:32px; color:#FEC111 }
|
|
|
|
|
|
.dy_djste{ background:url(../images/img_z14.png) no-repeat; width:260px; height:200px; margin:0 auto; position:relative; top:20px;}
|
|
.unit_dysta_1{ width:65px; float:left; text-align:center;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;}
|
|
.unit_dysta_1 p{ font-size:14px;color:#4E8CA5}
|
|
.unit_dysta_1 h4{ font-weight:normal; font-size:12px; opacity:.7}
|
|
.unit_dysta_1:nth-child(2), .unit_dysta_1:nth-child(1){ position:relative; left:10px}
|
|
.unit_dysta_1:nth-child(2) p{ color:#52BA99 }
|
|
.unit_dysta_1:nth-child(3) p{ color:#F58D38}
|
|
.unit_dysta_1:nth-child(4) p{ color:#F04845}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*动画*/
|
|
|
|
.pulse {-webkit-animation-duration: 2.8s; animation-duration: 2.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: pulse;
|
|
animation-name: pulse;
|
|
}
|
|
|
|
.fadeInDownBig {
|
|
-webkit-animation-name: fadeInDownBig;
|
|
animation-name: fadeInDownBig;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
}
|
|
.fadeInDown {
|
|
-webkit-animation-name: fadeInDown;
|
|
animation-name: fadeInDown;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
}
|
|
.flipInY {
|
|
-webkit-backface-visibility: visible !important;
|
|
backface-visibility: visible !important;
|
|
-webkit-animation-name: flipInY;
|
|
animation-name: flipInY;
|
|
-webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both
|
|
}
|
|
.slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
|
|
.grow{-webkit-animation-name: grow; animation-name: grow; -webkit-animation-duration: 3.6s; animation-duration: 3.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
|
|
.shew_1{-webkit-animation-name: shew_1; animation-name: shew_1; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
|
|
.proRotate{-webkit-animation-name: proRotate; animation-name: proRotate; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
|
|
.rubberBand { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: rubberBand;
|
|
animation-name: rubberBand;
|
|
}
|
|
.spin_chg{-webkit-animation-name: spin_chg; animation-name: spin_chg; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
|
|
.size_chg{-webkit-animation-name: size_chg; animation-name: size_chg; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
|
|
.rotateInDownRight {-webkit-animation-duration: 2.3s; animation-duration: 2.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: rotateInDownRight;
|
|
animation-name: rotateInDownRight;
|
|
}
|
|
.bounceInRight {-webkit-animation-duration: 2.1s; animation-duration: 2.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: bounceInRight;
|
|
animation-name: bounceInRight;
|
|
}
|
|
.bounceInUp {-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: bounceInUp;
|
|
animation-name: bounceInUp;
|
|
}
|
|
|
|
.flash {-webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: flash;
|
|
animation-name: flash;}
|
|
|
|
.fadeInUp {
|
|
-webkit-animation-duration: 1.62s; animation-duration: 1.62s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
}
|
|
.rotateIn {
|
|
-webkit-animation-duration: 1.34s; animation-duration: 1.34s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
|
|
-webkit-animation-name: rotateIn;
|
|
animation-name: rotateIn;
|
|
}
|
|
|
|
|
|
@-webkit-keyframes pulse {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
transform: scale3d(1.05, 1.05, 1.05);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
transform: scale3d(1.05, 1.05, 1.05);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes shew_1{
|
|
from{
|
|
transform:skewX(30deg);
|
|
-webkit-transform:skewX(30deg); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:skewX(30deg);
|
|
}
|
|
50%{
|
|
transform:skewX(-30deg);
|
|
-webkit-transform:skewX(-30deg); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:skewX(-30deg);
|
|
}
|
|
100%{
|
|
transform:skewX(0deg);
|
|
-webkit-transform:skewX(0deg); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:skewX(0deg);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes slideInUp {
|
|
0% {
|
|
transform:translateY(0px);
|
|
-webkit-transform:translateY(0px); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:translateY(0px); }
|
|
|
|
100% {
|
|
transform:translateY(-30px);
|
|
-webkit-transform:translateY(-30px); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:translateY(-30px); }
|
|
|
|
}
|
|
|
|
@keyframes slideInUp {
|
|
0% {
|
|
transform:translateY(0px);
|
|
-webkit-transform:translateY(0px); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:translateY(0px); }
|
|
|
|
100% {
|
|
transform:translateY(-30px);
|
|
-webkit-transform:translateY(-30px); /*兼容-webkit-引擎浏览器*/
|
|
-moz-transform:translateY(-30px); }
|
|
|
|
}
|
|
|
|
@-webkit-keyframes grow {
|
|
from,to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
10%,30%,50%,70%,90% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-20px, 0, 0);
|
|
}
|
|
20%,40%,60%,80% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(20px, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes grow {
|
|
from,to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
10%,30%,50%,70%,90% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-20px, 0, 0);
|
|
}
|
|
20%,40%,60%,80% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(20px, 0, 0);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes proRotate { 0% {
|
|
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
40% {
|
|
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
50% {
|
|
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
-webkit-animation-timing-function:ease-in;
|
|
animation-timing-function:ease-in
|
|
}
|
|
80% {
|
|
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
-webkit-animation-timing-function:ease-in;
|
|
animation-timing-function:ease-in
|
|
}
|
|
100% {
|
|
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
-webkit-animation-timing-function:ease-in;
|
|
animation-timing-function:ease-in
|
|
}
|
|
}
|
|
@keyframes proRotate{ 0% {
|
|
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
40% {
|
|
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
50% {
|
|
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|
-webkit-animation-timing-function:ease-in;
|
|
animation-timing-function:ease-in
|
|
}
|
|
80% {
|
|
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
|
-webkit-animation-timing-function:ease-in;
|
|
animation-timing-function:ease-in
|
|
}
|
|
100% {
|
|
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
|
-webkit-animation-timing-function:ease-in;
|
|
animation-timing-function:ease-in
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes size_chg {
|
|
0%{
|
|
-webkit-transform:scale(.5);
|
|
}
|
|
100%{
|
|
-webkit-transform:scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes size_chg {
|
|
0%{
|
|
-webkit-transform:scale(.5);
|
|
}
|
|
100%{
|
|
-webkit-transform:scale(1);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes spin_chg {
|
|
|
|
0%{
|
|
transform: rotateZ(0deg);
|
|
-webkit-transform: rotateZ(0deg)
|
|
}
|
|
100%{
|
|
transform: rotateZ(360deg);
|
|
-webkit-transform: rotateZ(360deg)
|
|
}
|
|
|
|
}
|
|
|
|
@keyframes spin_chg {
|
|
|
|
0%{
|
|
transform: rotateZ(0deg);
|
|
-webkit-transform: rotateZ(0deg)
|
|
}
|
|
100%{
|
|
transform: rotateZ(360deg);
|
|
-webkit-transform: rotateZ(360deg)
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes rotateInDownRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes rotateInDownRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes bounceInRight {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(3000px, 0, 0);
|
|
transform: translate3d(3000px, 0, 0);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
transform: translate3d(-25px, 0, 0);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
transform: translate3d(-5px, 0, 0);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes bounceInRight {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(3000px, 0, 0);
|
|
transform: translate3d(3000px, 0, 0);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
transform: translate3d(-25px, 0, 0);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
transform: translate3d(-5px, 0, 0);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes bounceInUp {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 3000px, 0);
|
|
transform: translate3d(0, 3000px, 0);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes bounceInUp {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 3000px, 0);
|
|
transform: translate3d(0, 3000px, 0);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes flash {
|
|
from,
|
|
50%,
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
|
|
25%,
|
|
75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes flash {
|
|
from,
|
|
50%,
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
|
|
25%,
|
|
75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes rotateIn {
|
|
from {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes rotateIn {
|
|
from {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes rubberBand {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: scale3d(1.25, 0.75, 1);
|
|
transform: scale3d(1.25, 0.75, 1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
transform: scale3d(0.75, 1.25, 1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale3d(1.15, 0.85, 1);
|
|
transform: scale3d(1.15, 0.85, 1);
|
|
}
|
|
|
|
65% {
|
|
-webkit-transform: scale3d(0.95, 1.05, 1);
|
|
transform: scale3d(0.95, 1.05, 1);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale3d(1.05, 0.95, 1);
|
|
transform: scale3d(1.05, 0.95, 1);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes rubberBand {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: scale3d(1.25, 0.75, 1);
|
|
transform: scale3d(1.25, 0.75, 1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
transform: scale3d(0.75, 1.25, 1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale3d(1.15, 0.85, 1);
|
|
transform: scale3d(1.15, 0.85, 1);
|
|
}
|
|
|
|
65% {
|
|
-webkit-transform: scale3d(0.95, 1.05, 1);
|
|
transform: scale3d(0.95, 1.05, 1);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale3d(1.05, 0.95, 1);
|
|
transform: scale3d(1.05, 0.95, 1);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes flipInY {
|
|
from {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
|
|
@keyframes flipInY {
|
|
from {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeInDownBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInDownBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|