.sec_1 { height:884px;position:relative;}
.main { position:absolute;top:50%;left:50%;margin-left:-355px;margin-top:-180px;}
.clear { clear:both;}

.per_zz { width:100%;height:100%;background-color:#000;opacity:.3;position:fixed;z-index:9000;top:0;left:0;display:none;}
.per_login { width:135px;border:1px solid #fff;height:24px;line-height:24px;color:#fff;font-size:14px;text-indent:50px;background:url(../images/per_login.png) no-repeat 25px 3px #3ba5ec;float:left;margin:5px 20px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;}
.per_login:hover {background:url(../images/per_login.png) no-repeat 25px 3px #2f85c3; }
.per_exit { width:135px;border:1px solid #fff;height:24px;line-height:24px;color:#fff;font-size:14px;text-align:center; background-color: #3ba5ec;float:left;margin:5px 20px 0 0;cursor:pointer;position:relative; transition:.5s;-webkit-transition:.5s;}
    .per_exit img { height:20px; width:20px; border-radius:50%; display:inline;margin-right:7px; margin-top:-5px;}
.per_ul_exit { position:absolute;top:25px;left:-1px;z-index:9998;padding:2px 0 2px 0;background-color:#59bafa;display:none;}
    .per_ul_exit a { display:block;width:137px;height:35px;line-height:35px; background-color:#59bafa;  text-align:center;color:#fff;border-bottom:1px solid #a6dcff;}
        .per_ul_exit li:last-child a{ border:0;}
        .per_ul_exit a:hover {background-color:#46a7e7;  }
.p_login { width:536px;height:400px;position:fixed;top:50%;left:50%;margin:-200px 0 0 -268px;display:none;z-index:10000;}
.p_login_ani { animation:p_login .5s ease-in-out forwards;-webkit-animation:p_login .5s ease-in-out forwards;}
.p_login_content { width:536px;height:375px;padding-top:25px; background-color:#fff;box-shadow:0 3px 5px rgba(89,89,89,.4);border-radius:4px;}
.p_login_2 {position:absolute;top:0;left:0;display:none; }
.p_login_3 {position:absolute;top:0;left:0;display:none; }
.p_login_1_ani { animation:p_login_1_ani .5s linear forwards;-webkit-animation:p_login_1_ani .5s linear forwards;}
.p_login_2_ani { animation:p_login_2_ani .5s linear forwards;-webkit-animation:p_login_2_ani .5s linear forwards;}
.p_close { position:absolute;right:15px;top:10px;transition:.5s;-webkit-transition:.5s; cursor:pointer;}
.p_close:hover { transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}
.p_logo { width:190px;margin:0 auto 20px;display:block;}
.p_line { width:100%;height:3px; box-shadow:0 2px 4px 0 rgba(89,89,89,0.2);background-color:#fff;}
.p_click { width:100%;height:48px; border-bottom:1px solid #eaeaea;font-size:16px;color:#898989;text-align:center;line-height:55px;}
    .p_click span { padding-bottom:10px;cursor:pointer;transition:.2s;-webkit-transition:.2s; }
    .p_click span:hover{color:#3498db;}
    .p_click em { margin:0 50px;border-left:1px solid #eaeaea;}
.p_click .this_click{ border-bottom:1px solid #3498db;color:#3498db; }
.infor { width:297px;margin:45px auto 0;position:relative; }
.infor input{ margin:0 auto 10px;border:1px solid #d2d2d2;height:36px;width:295px;display:block;border-radius:3px;font-size:16px;text-indent:10px; }
.infor input[type=button]{display:block; margin:0 auto 10px;border:0; height:36px;width:297px;display:block;border-radius:3px;font-size:16px;text-align:center; color:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#38aefd), to(#3296da));background:-o-linear-gradient(linear, 0 0, 0 bottom, from(#38aefd), to(#3296da));background:-moz-linear-gradient(linear, 0 0, 0 bottom, from(#38aefd), to(#3296da));cursor:pointer;}
.infor span { color:#2a9cd5;font-size:14px;cursor:pointer;}
.infor b{ font-weight:normal;float:right;}
.infor_2 { display:none;opacity:0;}
.infor_5 { display:none;}
.txt_2 { width:200px !important;margin:0 0 10px 0 !important; }
.sent_code_1 { width:88px;height:38px;background-color:#ff9e48;color:#fff;text-align:center;line-height:38px;font-size:14px;position:absolute;top:48px;right:0;border-radius:3px;z-index:11;cursor:pointer;}
/*.sent_code_2 { width:88px;height:38px;background-color:#c6c6c6;color:#fff;text-align:center;line-height:38px;font-size:14px;position:absolute;top:48px;right:0;border-radius:3px;z-index:10;display:none;}*/
.sent_code_3 { width:88px;height:38px;background-color:#ff9e48;color:#fff;text-align:center;line-height:38px;font-size:14px;position:absolute;top:139px;right:0;border-radius:3px;z-index:11;cursor:pointer;}
.sent_code_4 { width:88px;height:38px;background-color:#c6c6c6;color:#fff;text-align:center;line-height:38px;font-size:14px;position:absolute;top:139px;right:0;border-radius:3px;z-index:10;display:none;}
.sent_code_5 { width:88px;height:38px;background-color:#ff9e48;color:#fff;text-align:center;line-height:38px;font-size:14px;position:absolute;top:90px;right:0;border-radius:3px;z-index:11;cursor:pointer;}
.sent_code_6 { width:88px;height:38px;background-color:#c6c6c6;color:#fff;text-align:center;line-height:38px;font-size:14px;position:absolute;top:90px;right:0;border-radius:3px;z-index:10;display:none;}
.infor_3_title { color:#a6a6a6;font-size:16px;text-align:center;height:28px;line-height:28px;position:relative;background:url(../images/infor_3_title.png) center no-repeat;margin:-25px 0 15px 0;}

.per_body { width:100%;min-width:1280px;background:url(../images/per_bg.jpg) no-repeat top center;height:1110px;margin-top:136px;padding-top:40px;}
.per_main { padding-top:7px;background-color:#f6f6f6;width:1280px;margin:0 auto;min-height:800px; padding-bottom:80px;overflow:hidden;box-shadow:0 2px 2px 2px rgba(0,0,0,0.3);}
.per_main_left { width:240px; height:840px;float:left;margin:0 7px; box-shadow:2px 2px 4px rgba(117,117,117,0.2);background-color:#fff;overflow:hidden;}
.per_head_img { width:100%;height:114px;background-color:#62cbdb;position:relative;color:#fff; }
    /*.per_head_img img { width:81px;border-radius:50%;border:2px solid #fff;position:absolute;top:14px;left:15px;}*/
    .per_head_img h2 { font-size:14px;position:absolute; top:30px;left:113px;font-weight:normal;}
    .per_head_img span{ font-size:14px;position:absolute;top:60px;left:113px; }
.per_left_link { display:block;width:232px;height:60px;line-height:60px;text-indent:64px;font-size:18px;margin:10px 0 0 5px;color:#333333;}
.per_left_link:hover { background-color:#a9e8f2;color:#666;transition:.2s;-webkit-transition:.2s;}
.per_link_1 { border-bottom:1px solid #e0e0e0;background:url(../images/per_icon_order.png) no-repeat 35px center; }
.per_link_card { border-bottom:1px solid #e0e0e0;background:url(../images/per_icon_card.png) no-repeat 35px center; }
.per_link_2 {  background:url(../images/per_icon_personal.png) no-repeat 35px center;}
.per_link_ul { font-size:16px;width:240px}
    .per_link_ul a {display:block; width:240px;color:#5a5a5a; height:34px;line-height:34px; text-indent:70px;transition:.3s;-webkit-transition:.3s;}
        .per_link_ul a:hover { color:#fff;background:url(../images/per_link_ul_a.png) no-repeat 200px center #62cbdb;}
        .per_link_ul .link_cur { color:#fff;background:url(../images/per_link_ul_a.png) no-repeat 200px center #62cbdb;}
.per_main_right {  width:1019px; height:790px;float:left;}
.per_main_title {  width:100%;height:108px;margin-bottom:7px;box-shadow:2px 2px 4px rgba(117,117,117,0.2);background-color:#fff;overflow:hidden;position:relative;}
.per_title_line { width:100%;height:1px; background-color:#d6d6d6;position:absolute;z-index:1;left:0;top:54px;}
.per_title { font-weight:normal;color:#3f3f3f; font-size:20px;position:absolute;z-index:2;left:65px;top:33px;height:40px;line-height:40px;background-color:#fff;}
    .per_title img{ display:inline; }
    .per_title span { margin:0 20px;}
.per_main_contant {  width:100%;min-height:725px;box-shadow:2px 2px 4px rgba(117,117,117,0.2);background-color:#fff;overflow:hidden;position:relative;}
.per_tb_order { width:1000px; margin:8px auto;max-height:590px;color:#5c5c5c;font-size:16px; }
    .per_tb_order td { padding:20px 10px;border-bottom:1px solid #d7d7d7;text-align:center;min-width:80px;}
    .per_tb_order em { font-size:14px;}
.per_tb_order .t_head td, .per_tb_order .t_head th { background-color:#f3f3f3;border-bottom:0;color:#656464;height:40px;line-height:40px;text-align:center; padding:0;font-size:16px;}
.per_td_1 { width:260px;text-align:left !important;}
    .per_td_1 img { display:block; float:left;width:95px;margin-right:7px;}
    .per_td_1 span { font-size:16px;color:#4f4f4f;}
    .per_td_1 b { font-weight:normal; font-size:18px;color:#353535;}
.per_forpay { color:#eb8029;}
.per_paied { color:#26b7c0; }
.per_cancel { color:#adadad; }
.link_forpay { width:80px;height:30px;line-height:30px;background-color:#ff9c53;color:#fff;border-radius:5px;display:block;margin:0 auto; }
.per_page_list { margin:10px auto 10px;text-align:center; }
    .per_page_list a {padding:5px 10px; width:30px;height:30px;line-height:30px; margin:0 3px;color:#666;border:1px solid #d7d7d7;text-align:center;font-size:14px;}
        .per_page_list a:hover { background-color:#d7d7d7;}
        .per_page_list .cur { background-color:#d7d7d7;}
.per_acc_1 { width:120px;text-align:right;color:#9a9a9b;font-size:16px;margin:30px 10px 0 10px;float:left;}
    .per_acc_1 li { height:40px;line-height:40px;}
.per_acc_2 { width:380px; color:#303030;font-size:16px;margin:30px 10px 0 0;float:left;}
    .per_acc_2 li { height:40px;line-height:40px;}
    .per_acc_2 .per_paper_type {color:#b2b2b2; border:1px solid #b2b2b2;padding:3px 5px;border-radius:3px;margin-left:10px; }
.per_phone_mod{ font-weight:normal;font-size:14px; color:#32afc2;margin-left:10px;cursor:pointer;}
.per_acc_3 { width:120px;text-align:right;color:#9a9a9b;font-size:16px;margin:30px 10px 0 10px;float:left;}
    .per_acc_3 li { height:40px;line-height:40px;margin-bottom:20px;}
.per_acc_4 { width:430px; color:#303030;font-size:16px;margin:30px 10px 0 0;float:left;}
    .per_acc_4 li { height:40px;line-height:40px;margin-bottom:20px;}
    .per_acc_4 .per_paper {color:#b2b2b2; border:1px solid #b2b2b2;padding:7px 12px 12px;font-size:14px; }
    .per_acc_4 input[type=text],.per_acc_4 input[type=password],.per_acc_4 input[type=number] { height:40px;width:300px;line-height:40px;border:1px solid #d4d4d4; color:#b3b3b3;text-indent:10px;}
.per_btn_sub,.per_acc_modify { width:135px;height:48px;line-height:48px;font-size:18px; text-align:center;background-color:#61cbdb;border:0;color:#fff;cursor:pointer;margin-top:20px; margin-right:25px;}
.per_cancel { width:135px;height:48px;line-height:48px;font-size:18px; text-align:center;background-color:#b3b3b3;border:0;color:#fff;cursor:pointer;margin-top:20px; }
.per_acc_info_2 { display:none; padding-bottom:40px;}
.per_alert { width:800px;background-color:#fff;position:fixed;z-index:9999;border:15px solid rgba(0,0,0,.4);top:10%;left:50%;margin:0 0 0 -400px;padding: 20px 0 50px;display:none; }
    .per_alert h2 { width:100%;text-indent:40px;font-size:18px;color:#3cbbce;font-weight:normal;border-bottom:1px solid #dadada; padding-bottom:10px;}
        .per_alert h2 span { font-size:14px; color:#a3a3a3;}
.per_alert_1 { width:120px;text-align:right;color:#9a9a9b;font-size:16px;margin:30px 10px 0 32px;float:left;}
    .per_alert_1 li { height:40px;line-height:40px;margin-bottom:20px;}
.per_alert_2 { width:580px; color:#303030;font-size:16px;margin:30px 10px 0 0;float:left;}
    .per_alert_2 li { height:40px;line-height:40px;margin-bottom:20px;}
    /*.per_alert_2 span {color:#b2b2b2; border:1px solid #b2b2b2;padding:3px 5px;border-radius:3px;margin-left:10px; }*/
    .per_alert_2 input[type=text] { height:40px;width:300px;line-height:40px;border:1px solid #d4d4d4; color:#b3b3b3;text-indent:10px;}
.per_alert_code { width:135px;height:42px;line-height:42px;font-size:18px; text-align:center;background-color:#61cbdb;border:0;color:#fff;cursor:pointer;margin-left:10px; }
.per_alert_close { position:absolute;top:25px;right:25px;transition:.5s;-webkit-transition:.5s; cursor:pointer;}
    .per_alert_close:hover { transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}
.per_contacts_add { width:130px;height:30px;line-height:30px;text-align:center;background-color:#4dd0d2;border-radius:3px;color:#fff;font-size:16px;margin:20px 0 20px 10px; cursor:pointer; }
.per_tb_contacts { width:1000px; margin:8px auto;max-height:590px;color:#5c5c5c;font-size:16px; }
    .per_tb_contacts td { padding:20px 10px;border-bottom:1px solid #d7d7d7;text-align:center;min-width:80px;}
    .per_tb_contacts em { font-size:14px;}
.per_tb_contacts .t_head td { background-color:#f3f3f3;border-bottom:0;color:#656464;height:40px;line-height:40px;text-align:center; padding:0;font-size:16px;}
    .per_alert_contacts h2 { width:100%;text-indent:40px;font-size:18px;color:#3cbbce;font-weight:normal;border-bottom:1px solid #dadada; padding-bottom:10px;}
        .per_alert_contacts h2 span { font-size:14px; color:#a3a3a3;}
.per_con_modify { color:#2ebacf; margin-right:10px;cursor:pointer;}
.per_con_delete { color:#FF6666; cursor:pointer; }


/*取票新增常用人选择*/
.ticket_contacts { color:#fff;background-color:#62cbdb; border-radius:3px;font-size:14px;text-align:center;display:inline; padding:4px 10px;margin-left:10px;cursor:pointer;}
.contacts_list { margin:auto; font-size:16px;}
    .contacts_list td { padding:5px 10px 5px 10px;}
        .contacts_list input { margin-right:20px;}

/*我的卡包*/
.main_card { position:relative;margin:24px 0 0 48px;}
.main_card li{ float:left;width:447px;height:313px;margin:0 30px 25px 0;position:relative;background:url(../images/card_bg.png) no-repeat; }
    .main_card li div { position:absolute;width:372px;height:237px;top:50%;left:50%;margin:-118px 0 0 -186px;cursor:pointer; overflow:hidden; text-align:center;}
    .main_card li div img{/*width:100%;*/max-width:100%;max-height:100%;}
    .main_card li div em{ position:absolute;top:0;left:0;width:372px;height:237px;background-color:#fff;opacity:0;filter:alpha(opacity=0); transition:.5s;-webkit-transition:.5s;}
        .main_card li div:hover em { opacity:0.2;filter:alpha(opacity=20);}
.card_none { position:absolute;top:120px;left:50%;margin-left:-155px;display:none;}
.alert_card_1 { width:769px; height:158px;margin:10px auto 20px; padding-top:15px; background:url(../images/alert_card_1.png) no-repeat;position:relative;overflow:hidden;}
.alert_card_1 img{ float:left; margin:0 25px 0 16px;width:218px;}
.alert_card_1 table{ float:left;width:490px;color:#3b3b3b;font-size:16px;line-height:28px;padding-top:0px; }
    .alert_card_1 table td { vertical-align:top;}
.alert_per_c2 { margin:0 auto 30px; color:#676767;font-size:16px;}
    .alert_per_c2 li { position:relative;padding-left:28px;list-style-type:none;margin-bottom:10px;}
    .alert_per_c2 span { color:#fff;font-size:14px;position:absolute;top:2px;left:0;background-color:#36bfd3;padding:0 6px;}
    .alert_per_c2 a { color:#676767;}
.alert_card_3 { width:724px;text-align:right;color:#a5a5a5;font-size:15px;}
    .alert_card_3 span { color:#5d5d5d;font-size:19px;}
    .alert_card_3 a { color:#a5a5a5;}
.per_con { width:750px;margin:0 auto;}
    .per_con h3{color:#36bfd3;font-size:20px;text-indent:30px;height:50px;line-height:50px;margin-bottom:12px; font-weight:normal;border-bottom:1px solid #e5e5e5;background:url(../images/per_open.png) no-repeat center left;cursor:pointer;}
.alert_per_c1{overflow:hidden;}
.alert_per_c1 li { float:left;margin-bottom:10px;width:350px; }
.alert_per_c1 img {float:left;margin:0 5px;width:66px;height:92px; box-shadow:0 0 4px #ccc; border-radius:8px; }
.alert_per_c1 p {font-size:18px;color:#616161; }
.alert_per_c1 span { color:#a0a0a0;font-size:16px;}
.alert_card_ul { display:none;}
.alert_per_c1 { display:block;}
.per_flod {background:url(../images/per_flod.png) no-repeat center left !important; }
.per_alert_park { display:none;}
.per_alert h5{ color:#9d9c9c;font-size:18px;font-weight:normal;padding-left:5px;border-left:3px solid #62cbdb;height:16px;line-height:16px;margin:30px 0 20px 42px;}
.per_chose_area { width:720px;margin-left:38px;overflow:hidden;}
.per_chose_area li{ width:108px;height:40px;line-height:40px;border:1px solid #d7d7d7;border-radius:20px;text-align:center;color:#6a6a6a;font-size:20px;float:left;margin:0 5px 12px 5px;cursor:pointer;transition:.3s;-webkit-transition:.3s;}
    .per_chose_area li:hover { color:#fff;background-color:#62cbdb; border:1px solid #62cbdb; }
.per_cur { color:#fff !important;background-color:#62cbdb !important; border:1px solid #62cbdb !important; }
.per_chose_park { width:720px;margin-left:38px;overflow:hidden;}
.per_chose_park li{ padding:0 20px; height:40px;line-height:40px;border:1px solid #d7d7d7;border-radius:20px;text-align:center;color:#6a6a6a;font-size:20px;float:left;margin:0 5px 12px 5px;cursor:pointer;transition:.3s;-webkit-transition:.3s;}
    .per_chose_park li:hover { color:#fff;background-color:#62cbdb; border:1px solid #62cbdb; }
.per_ok { width:130px;height:48px;border:0;color:#ffffff; font-size:20px;background-color:#62cbdb;margin:50px auto 0;display:block;text-align:center;cursor:pointer;}