@charset "utf-8";
/* !
 * Date: 2020-07-03T16:40Z by luzy
 */
html,body{ float:left; width:100%; }
body{ font-size:14px; margin:0; padding:0; list-style:none; color:#fff; font-family:"微软雅黑",Arial, Helvetica, sans-serif; min-height:690px !important; }
ul,li{ list-style:none; margin:0; padding:0; }
input{ border:none; background:none; font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.l{ float:left; }
.r{ float:right; }
.c{ clear:both; }
.fl100{ float:left; width:100%; }
.li_txt{ float:left; width:92%; padding:0 4%; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow: ellipsis; }

/* login background */
.login_bg{ position:fixed; z-index:-1; width:100%; height:100%; overflow:hidden; text-align:center; background-color:rgba(0,0,0,0.9); }
.login_bg img{ float:left; width:100%; height:100%; display:none; }

/* login */
.login_box{ float:left; width:100%; margin-top:20px; }
.logo{ width:600px; text-align:center; margin:0 auto; }
.logo img{ max-width:100%; max-height:69px; }
.login{ width:500px; margin:0 auto; margin-top:20px; background-color:rgba(255,255,255,0.8); color:#000; height:540px; overflow:hidden; }
.login .ttl{ text-align:center; font-size:22px; padding:30px 0; border-bottom:1px solid; border-color:rgba(0,0,0,0.1); }
.login .content{ float:left; width:80%; margin-left:10%; }
.login .sub_ttl{ float:left; font-size:18px; margin:30px 0; }
.login .switch_tips{ float:right; margin-top:20px; }
.login .switch_tips span{ float:left; padding-right:3px; color:#c3252c; background:url(../images/bg_tips.png) no-repeat; width:85px; height:26px; line-height:26px; text-align:center; }
.login .switch_tips .sw_icon{ float:left; width:47px; height:47px; cursor:pointer; }
.login .psw_con,.login .code_con{ margin-bottom:20px; height:290px; }
.login .psw_con .fl100 li{ float:left; width:100%; margin-bottom:10px; background:#fff; height:46px; }
.login .psw_con .fl100 li img{ float:left; margin:10px; }
.login .psw_con .fl100 li input{ float:left; width:80%; height:44px; line-height:44px; }
.login .psw_con .enter{ float:left; width:100%; height:46px; line-height:46px; background:#c4272e; color:#fff; font-size:18px; letter-spacing:5px; margin-bottom:10px; cursor:pointer; }
.login .psw_con .enter:hover{ font-size:20px; }
.login .psw_con .btm_l{ float:left; width:60%; }
.login .psw_con .txt_link{ float:left; color:#666; margin:10px 20px 20px 0; }
.login .psw_con .txt_link:hover{ color:#333; }
.login .psw_con .btm_l li{ float:left; width:100%; margin-top:15px; text-align:left; color:#333; background:url(../images/icon_arrow_gray_r.png) no-repeat left center; padding-left:20px; cursor:pointer; }
.login .psw_con .btm_l li a{ color:#333; text-decoration:none; }
.login .psw_con .btm_l li a:hover{ color:#000; }
.login .psw_con .btm_r{ float:right; width:40%; color:#333; text-align:right; }
.login .psw_con .btm_r img{ width:100px; height:100px; margin-bottom:5px; }
.login .code_con{ text-align:center; color:#333; line-height:22px; }
.login .code_con code_img{ width:230px; height:230px; }
.login .btm_footer{ text-align:center; font-size:14px; color:#333; padding:15px 0; border-top:1px solid; border-color:rgba(0,0,0,0.1); }

/* index */
.header{ height:60px; line-height:60px; background-color:rgba(0,0,0,0.6); }
.header .l{ height:42px; vertical-align:middle; margin:9px 0 0 20px; }
.header .rig{ float:right; }
.header .rig li{ float:left; margin:0 20px 0 0; }
.header .rig li img{ vertical-align:middle; margin-right:8px; }
.header a,.index_main a{ color:#fff; text-decoration:none; }
.header .rig li:hover{ text-decoration:underline; }

.index_main{ width:1000px; margin:0 auto; color:#fff; margin-top:30px; }
.index_main .tab{ margin-bottom:20px; background-color:rgba(0,0,0,0.5); }
.index_main .tab li{ float:left; width:33.33%; font-size:18px; text-align:center; padding:8px 0; cursor:pointer; }
.index_main .tab li:hover{ background-color:rgba(255,255,255,0.08); }
.index_main .tab li span{ font-size:14px; margin-left:5px; }
.index_main .tab li.now{ background-color:rgba(255,255,255,0.15); }
.index_main .tab_con{ display:none; }

.card{ float:left; width:49%; height:270px; overflow:hidden; background-color:rgba(0,0,0,0.5); }
.card h1{ width:100%; background-color:rgba(255,255,255,0.15); margin:0; padding:0; height:46px; line-height:46px; font-size:14px; font-weight:normal; }
.card h1 span{ float:left; font-size:14px; margin-left:15px; }
.card h1 .r{ margin-right:15px; }
.card .con{ width:100%; height:240px; font-size:12px; overflow-y:auto; }
.card .tips {margin-top: 60px;}
.tips {text-align: center;margin-top: 40%;}
.fl100 {float: left;width: 100%;}
.card .app_logo_list{ float:left; width:100%; }
.card .app_logo_list li{ float:left; width:24.7%; height:100px; text-align:center; border-bottom:1px solid; border-right:1px solid; border-color:rgba(255,255,255,0.1); }
.card .app_logo_list li img{ width:40px; height:40px; margin-top:20px; }
.card .app_logo_list li:hover{ background-color:rgba(255,255,255,0.15); }
.card .app_logo_list li .collect,.card .app_logo_list li .collected{ display:none; }
.collect,.collected{ position:absolute; width:18px; height:18px; margin:5px 0 0 90px; cursor:pointer; background:url(../images/icon_heart.png) no-repeat center; background-size:16px 16px; }
.card .app_logo_list li:hover .collect,.card .app_logo_list li:hover .collected{ display:block; }
.collected{ background-image:url(../images/icon_heart_yes.png); display:none; }
.collect:hover{ background-size:18px 18px; }
.card:nth-child(even){ float:right; }

.slogan{ color:#fff; text-align:center; margin:50px 0 0 0; padding:10px 0; letter-spacing:15px; background-color:rgba(0,0,0,0.3); }
.slogan .top{ font-size:32px; font-weight:bold; letter-spacing:25px; border-bottom:1px solid; border-color:rgba(255,255,255,0.3); padding-bottom:10px; margin-bottom:10px; }
/* 404 */
.error{ height:100%; text-align:center; background:url(../images/body_bg3.jpg) no-repeat top center; background-size:auto 1080px; }
.error img{ margin-top:100px; }
.error h2{ font-size:88px; }
.error .btn{ color:#fff; border:1px solid #fff; padding:10px 50px; border-radius:20px; text-decoration:none; }
.error .btn:hover{ background-color:rgba(255,255,255,0.1); }
/* footer */
.footer{ float:left; margin:20px 0; width:100%; text-align:center; color:#fff; text-shadow:3px 3px 5px #333; }
.error .footer{ margin-top:50px; }


/* pop box */
.pop_box{ position:absolute; z-index:100; padding:10px 15px 15px 15px; background-color:rgba(255,255,255,0.9); line-height:20px; cursor:default; color:#666;}
.pop_box .ttl{ float:left; width:100%; }
.pop_box h3{ float:left; margin:0; font-size:14px; font-weight:normal; line-height:32px; }
.pop_box h3 span{ font-size:12px; margin-left:5px; }
.pop_box h4{ float:left; width:90%; margin:10px 0 0 0; padding:0; font-size:14px;line-height:32px; }
.pop_box h4 span{ font-size:12px; margin-left:5px; font-weight:normal;  }
.pop_box .close{ float:right; vertical-align:middle; cursor:pointer; margin:0; }
.pop_box .close:hover{ background-color:rgba(0,0,0,0.1); border-radius:20px; }
.pop_box .myclose{ float:right; vertical-align:middle; cursor:pointer; margin:0; }
.pop_box .myclose:hover{ background-color:rgba(0,0,0,0.1); border-radius:20px; }
.pop_box .con{ float:left; width:100%; margin:10px 0 15px 0; background:#fff; }
.pop_box .con .pics{ margin:0; }
.pop_box input{ color:#333; }
.pop_box .tel{ border:1px solid #ccc; height:32px; line-height:32px; width:260px; padding:0 5px; }
.pop_box input::-webkit-input-placeholder{ color:#999; }
.pop_box textarea{ float:left; width:97%; height:100px; border:1px solid #ddd; font-size:14px; padding:5px; overflow-y:auto; }
.pop_box .btns{ width:70px; margin:0 auto; padding-top:15px; }
.pop_box .btns li{ float:left; width:68px; height:28px; }
.pop_box .btns li.now{ background:none; }
.pop_box .btns li input{ float:left; width:100%; height:28px; line-height:28px;background-color: #574141; border:none; border-radius:20px; color:#fff; padding:0; text-indent:0; text-align:center; cursor:pointer; }
.pop_box .btns li:nth-child(even) input{ margin-left:18px; background:#bbb; }
.pop_box .mybtns{ width:160px; margin:0 auto; padding-top:15px; }
.pop_box .mybtns li{ float:left; width:68px; height:28px; }
.pop_box .mybtns li.now{ background:none; }
.pop_box .mybtns li input{ float:left; width:100%; height:28px; line-height:28px; background:#07d1d1; border:none; border-radius:20px; color:#fff; padding:0; text-indent:0; text-align:center; cursor:pointer; }
.pop_box .mybtns li:nth-child(even) input{ margin-left:18px; background:#bbb; }

.pp_big{ width:50%; overflow:hidden; margin-left:23%; padding:10px 30px 20px 30px; display:none;top: 150px; }
.pp_big .con{ height:75%; overflow:hidden; margin-bottom:20px; }
.pp_big .ttl{ padding:5px 0; }
.pp_big .close{ margin-top:5px; }
.pp_big h3{ font-size:18px; }
.pp_big h3 span{ font-size:14px; color:#999; }
.pp_big .btns{ width:128px; }
.pp_big .btns li, .pp_big .btns li input{ width:128px; height:32px; line-height:32px; }
.pp_big .btns label input{ margin:10px 5px 0 15px; }
.pp_big .mybtns{ width:250px; }
.pp_big .mybtns li, .pp_big .mybtns li input{ width:128px; height:32px; line-height:32px; }
.pp_big .mybtns label input{ margin:10px 5px 0 15px; }
.pp_big .th{ float:left; width:95%; margin:10px 2.5% 0 2.5%; background:url(../images/bg_pop_th.png) repeat-x center; text-align:center; line-height:38px; }
.pp_big .th span{ background:#fff; padding:0 10px; font-size:24px; }
.pp_big .th span img{ width:38px; height:38px; vertical-align:middle; }
.pp_big .txt{ float:left; width:95%; margin:10px 2.5%; padding:0 0 10px 0; height:360px; overflow-x:hidden; overflow-y:auto; line-height:24px; font-size:16px; }
.pp_big .txt p{ text-indent:32px; }
.pp_big .txt img{ max-width:100%; }
.pp_big .txt .s_ttl{ font-size:20px; margin-top:20px; }
.pp_big .select_btns{ width:90%; margin:0 auto; margin-top:30px; }
.pp_big .select_btns li{ float:left; width:44.5%; border:1px solid #ccc; margin:0 2.5%; font-size:20px; text-align:center; border-radius:21px; }
.pp_big .select_btns li a{ float:left; width:100%; height:42px; line-height:42px; }
.pp_big .select_btns li a:hover{ background:#ade2ef; border-radius:21px; }
.pp_big .select_btns li i{ font-size:14px; color:#999; font-style:normal; margin-left:8px; }
.pop_box_bg,.guide_bg,.loading{ position:absolute; top:0; margin-top:0; display:none; z-index:99; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }

@media (max-width:1000px){ 
	.index_main{ width:90%; }
	.logo img{ height:58px; }
}

@media (max-width:913px){
	.top_right,#guide_2,#guide_3{ right:2px; }
	.sea_result .sort .list{ width:82%; }
	.pp_big .select_btns li i{ display:none; }
	#guide_2 i{ margin-left:87px; }
	#guide_3 i{ margin-left:205px; }
}

@media (max-width:1260px){
	.pp_big .select_btns{ width:96%; }
	.pp_big .select_btns li{ width:45.5%; margin:0 1.5%; font-size:16px; }
	.pp_big .select_btns li i{ font-size:12px; }
}