@charset "UTF-8";
/*!
 * 个人中心
 * date:    2017-02-12
 */

.userCenter{ overflow: hidden; margin-top: 10px;}
.userCenter .leftMenu{ float: left; width: 200px; }
.userCenter .leftMenu .menu{ padding-top: 20px; background: #fff;}


.userCenter .leftMenu .menu h2{ height: 20px; margin: 0 0 3px 18px; padding-left: 5px; border-left: 3px solid #1A9FE4; line-height: 20px; color: #1A9FE4; font-weight: normal; font-size: 16px;}
.userCenter .leftMenu .menu dl{ padding: 10px 10px 10px 0; border-bottom: 1px solid #eee; }
.userCenter .leftMenu .menu dl dt{ margin-left: 35px; padding: 4px 0; color: #8e8e8e; font-size: 16px;}

.userCenter .leftMenu .menu dl dt i{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-top: -2px; margin-right: 6px; background: url(../../images/icon_user_menu.png);}
.userCenter .leftMenu .menu dl dt i.icon_1{ background-position: 0 0;}
.userCenter .leftMenu .menu dl dt i.icon_2{ background-position: 0 -24px;}
.userCenter .leftMenu .menu dl dt i.icon_3{ background-position: 0 -48px;}
.userCenter .leftMenu .menu dl dt i.icon_4{ background-position: 0 -72px;}
.userCenter .leftMenu .menu dl dt i.icon_5{ background-position: 0 -96px;}
.userCenter .leftMenu .menu dl dt i.icon_6{ background-position: 0 -120px;}
.userCenter .leftMenu .menu dl dt i.icon_7{ background-position: 0 -144px;}


.userCenter .leftMenu .menu dl dd a{ display: block; padding-left: 65px; line-height: 28px; }
.userCenter .leftMenu .menu dl dd a.active,
.userCenter .leftMenu .menu dl dd a:hover
{ background: #1A9FE4; text-decoration: none; color: #fff;}

.userCenter .leftMenu .menu.news dl{ padding-right: 0; border-top: 1px solid #eee; border-bottom: 0; }
.userCenter .leftMenu .menu.news dl dt { position: relative; cursor: pointer;}
.userCenter .leftMenu .menu.news dl dt:after { content: ''; position: absolute; right: 10px; top: 5px; width: 24px; height: 24px; background: url(../../images/icon_news.png) 0 -192px;}
.userCenter .leftMenu .menu.news dl.opened dt:after { background-position: 0 -168px;}
.userCenter .leftMenu .menu.news dl dt i{background-image: url(../../images/icon_news.png);}
.userCenter .leftMenu .menu.news dl dt { color: #2fc794;}
.userCenter .leftMenu .menu.news dl dd a.active,
.userCenter .leftMenu .menu.news dl dd a:hover
{ background: #2fc794;}





.userCenter .leftMenu .contact{ margin-top: 10px; background: #fff;}
.userCenter .leftMenu .contact .list{ padding-top: 8px; background: #8fd6ff;}
.userCenter .leftMenu .contact .list .icon{ display: block; width: 64px; height: 64px; margin: 0 auto; background: url(../../images/bg_contact.png);}
.userCenter .leftMenu .contact .list ul{ padding: 5px 20px 10px;}
.userCenter .leftMenu .contact .list ul li{ margin-top: 5px;}
.userCenter .leftMenu .contact .list ul li h3{ color: #d4f3fd; font-size: 14px; font-weight: normal;}
.userCenter .leftMenu .contact .list ul li p{ color: #fff;}

.userCenter .leftMenu .contact .tab{ position: relative; }
.userCenter .leftMenu .contact .tab .control{ overflow: hidden; }
.userCenter .leftMenu .contact .tab .control li{ float: left; width: 33.33%; padding: 32px 0 15px;}
.userCenter .leftMenu .contact .tab .control li i{ display: block; width: 35px; height: 35px; margin: 0 auto; background: url(../../images/bg_contact.png);}
.userCenter .leftMenu .contact .tab .control li i.icon_weixin{ background-position: 0 -64px;}
.userCenter .leftMenu .contact .tab .control li i.icon_weibo{ background-position: 0 -99px;}
.userCenter .leftMenu .contact .tab .control li i.icon_fb{ background-position: 0 -134px;}
.userCenter .leftMenu .contact .tab .control li p{ text-align: center; color: #00abe3; font-size: 12px;}

.userCenter .leftMenu .contact .tab .control li.active{ background: #1AA0E9; }
.userCenter .leftMenu .contact .tab .control li.active p{ color: #fff;}
.userCenter .leftMenu .contact .tab .control li.active i.icon_weixin{ background-position: -35px -64px;}
.userCenter .leftMenu .contact .tab .control li.active i.icon_weibo{ background-position: -35px -99px;}
.userCenter .leftMenu .contact .tab .control li.active i.icon_fb{ background-position: -35px -134px;}

.userCenter .leftMenu .contact .tab .con{ position: absolute; left: 0; top: 100px; width: 100%; background: #1AA0E9; text-align: center;}
.userCenter .leftMenu .contact .tab .con .img{ width: 153px; margin: 30px auto 0;}
.userCenter .leftMenu .contact .tab .con p{ line-height: 45px; color: #fff;}

.userCenter .leftMenu .contact .robot{ margin-top: 10px; padding-bottom: 0px; }
.userCenter .leftMenu .contact .robot .icon{ display: block; margin: 0 auto; padding-top: 0px; border-top: 1px solid #DBEAFD; }
.userCenter .leftMenu .contact .robot p{ line-height: 40px; text-align: center; }

.userCenter .leftMenu .contact .robot ul{ display: none; margin: 0 20px 10px; }
.userCenter .leftMenu .contact .robot li{ height: 30px; padding: 10px 0;}
.userCenter .leftMenu .contact .robot li a{ display: block; height: 30px; background: #fff; border-radius: 5px; line-height: 30px; }
.userCenter .leftMenu .contact .robot li a i{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: -2px 10px 0 7px; background: url(../../images/bg_contact.png) 0 -181px; }

.userCenter .leftMenu .contact .robot { background: #1AA0E9; }
.userCenter .leftMenu .contact .robot .icon{ border-color: #1AA0E9; }
.userCenter .leftMenu .contact .robot p{ color: #fff; }
.userCenter .leftMenu .contact .robot ul{ display: block; }




.userCenter .mainCon{ min-height: 1022px; margin-left: 210px; background: #fff;}

.userCenter .commonList { padding: 10px 15px;}
.userCenter .commonList .tips{ margin-top: 5px; line-height: 30px}
.userCenter .commonList .title{ height: 40px; padding-left: 18px; border-bottom: 1px solid #eee; line-height: 39px; font-size: 16px;}
.userCenter .commonList .title .name{ float: left; margin-bottom: -1px; border-bottom: 3px solid #1A9EE6; line-height: 39px; font-size: 16px;}
.userCenter .commonList .title.news .name{ border-bottom: 3px solid #2fc794;}

.userCenter .commonList .searchBox{ height: 34px; margin: 10px 0 10px 20px;}
.userCenter .commonList .searchBox label{ float: left; line-height: 34px; color: #8e8e8e}
.userCenter .commonList .searchBox .searchList{ height: 32px; cursor: pointer; border: 1px solid #dfdfdf;}
.userCenter .commonList .searchBox .searchCon{ height: 30px; width: 300px; border: 1px solid #dfdfdf;float:left;margin-right:10px;}
.userCenter .commonList .searchBox .searchCon input{ border: 0; height: 32px; line-height: 32px;}
.userCenter .commonList .searchBox .searchCon input.searchKeyword{ background: url(../../images/icon_search.png) 282px center no-repeat;width: 300px;}
.userCenter .commonList .searchBox .searchCon input.searchKeywordNews{ background: url(../../images/icon_search.png) 8px center no-repeat;padding-left:25px;width: 275px;}
.userCenter .commonList .searchBox .btnSubmit{ width: 85px; height: 32px; background: #0388d0; line-height: 31px; color: #fff; text-align: center;border:0px;float:left;}
.userCenter .commonList .searchBox .btnSubmit:hover{ background: #1aa0e9; text-decoration: none;}


.userCenter .commonList .con{ overflow: hidden; margin-top: 16px; }
.userCenter .commonList .noContent{ width: 99px; margin: 200px auto 300px;}
.userCenter .commonList .noContent i{ display: block; width: 99px; height: 99px; background: url(../../images/icon_no_content.png);}
.userCenter .commonList .noContent p{ line-height: 40px; text-align: center; color: #999;}


.userCenter .commonListTable{ width: 100%; border-collapse: collapse; }
.userCenter .commonListTable th{ height: 38px; line-height: 38px; background: #6ECCFF; border-right: 1px solid #66C4F7; color: #fff; font-weight: normal; font-size: 16px;}
.userCenter .commonListTable td{ padding: 10px 15px; border-right: 1px solid #DBEDF7; border-bottom: 1px solid #DBEDF7; }
.userCenter .commonListTable.order td{ padding: 20px 15px; }
.userCenter .commonListTable tr th:last-child,
.userCenter .commonListTable tr td:last-child
{ border-right: 0;}
.userCenter .commonListTable label{ color: #8e8e8e; }
.userCenter .commonListTable .btnDetail{ display: block; width: 90px; height: 40px; margin: 10px auto 0; background: #0388d0; line-height: 40px; color: #fff; text-align: center;}
.userCenter .commonListTable .btnDetail:hover{ background: #1aa0e9; text-decoration: none;}

.userCenter .commonListTable .btnAddCart{ display: inline-block; width: 100px; height: 40px; margin-left: 15px; background: #0388d0; line-height: 40px; color: #fff; text-align: center;}
.userCenter .commonListTable .btnAddCart:hover{ background: #1aa0e9; text-decoration: none;}

.userCenter .commonListTable .btnRemove{ display: inline-block; width: 90px; height: 40px; margin-left: 15px; line-height: 40px; text-align: center; color: #555}
.userCenter .commonListTable .btnRemove:hover{ color: #0085CE}

.userCenter .commonListTable .btnPrint{ display: block; width: 90px; height: 40px; margin: 10px auto 0; background: #E7F0F7; line-height: 40px; text-align: center;}
.userCenter .commonListTable .btnPrint:hover{ background: #1aa0e9; text-decoration: none; color: #fff;}

.userCenter .commonListTable .btnPay{ display: block; width: 90px; height: 40px; margin: 10px auto 0; background: #FE6D2C; line-height: 40px; text-align: center; color: #fff;}
.userCenter .commonListTable .btnPay:hover{ background: #f87b00; text-decoration: none; color: #fff;}


.userCenter .commonListTable a{ color: #0085CE;}

.userCenter .commonList .con .pages{ margin-top: 10px; }

.userCenter .commonListTable td .route{ max-width: 400px; padding: 10px 0; }
.userCenter .commonListTable.order td p{ line-height: 28px;}

.left{ padding-left: 20px;}


.userCenter .pointSys .fontOrange{ font-size: 16px; }
.userCenter .pointSys h2{ margin-top: 5px; line-height: 24px; font-size: 16px; color: #8e8e8e; font-weight: normal;}
.userCenter .pointSys p{ line-height: 2}
.userCenter .pointSys .detail{ margin-left: 15px; margin-bottom: 15px;}

.userCenter .subscribe{ padding-bottom: 20px; }
.userCenter .subscribe .tit{ height: 40px; padding-left: 10px; background: #6ECCFF; line-height: 40px; font-size: 16px; color: #fff;}
.userCenter .subscribe .detail{ padding: 10px 25px; }
.userCenter .subscribe .detail label{ font-size: 16px;}
.userCenter .subscribe .detail label input{ margin-right: 5px;}
.userCenter .subscribe .detail p{ margin-left: 20px; margin-bottom: 15px; color: #8e8e8e}

.userCenter .subscribe .btnSubmit{display: block; width: 110px; height: 40px; margin: 10px auto 0; background: #0388d0; line-height: 40px; color: #fff; text-align: center;}
.userCenter .subscribe .btnSubmit:hover{ background: #1aa0e9; text-decoration: none;}

.userCenter .qaList{ margin-bottom: 50px; }
.userCenter .qaList li{ overflow: hidden; padding: 15px 0; border-bottom: 1px solid #DAEEF9; line-height: 28px;}
.userCenter .qaList li label{ float: left; width: 80px; text-align: right; color: #8e8e8e;}
.userCenter .qaList li .con{ margin: 0 150px 0 80px;}
.userCenter .qaList li .date{ float: right; color: #8e8e8e}
.userCenter .qaList li a{ color: #1A9FE4;}
.udernone {
    text-indent: 18px;
}

.userCenter .qaList .picList img{ float: left; width: 150px; margin: 10px 10px 0 0; }



.userCenter .tabShareControl{ height: 34px; margin-top: 10px; border-bottom: 1px solid #ddd; }
.userCenter .tabShareControl a{ float: left; height: 34px; padding: 0 15px; margin-right: 20px; line-height: 34px; }
.userCenter .tabShareControl a:hover,
.userCenter .tabShareControl a.active
{ position: relative; margin-bottom: -1px; border-bottom: 1px solid #189FE1; color: #189FE1; text-decoration: none;}
.userCenter .tabShareControl a:hover:after,
.userCenter .tabShareControl a.active:after
{ content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -2px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 3px 0 3px;
border-color: #189FE1 transparent transparent transparent;
}


.userCenter .couponList li{ position: relative; height: 174px; margin: 10px 0 20px; padding-left: 260px; background: #F0FAFD url(../../images/icon_coupon.png) left 0 no-repeat;  }
.userCenter .couponList li h2{ padding-top: 15px; line-height: 30px; font-size: 20px; font-weight: normal;}
.userCenter .couponList li p{ margin-top: 5px; color: #8e8e8e;}
.userCenter .couponList li .date{ font-size: 18px; margin-top: 40px; color: #8e8e8e;}
.userCenter .couponList li .price{ position: absolute; right: 60px; top: 65px;}
.userCenter .couponList li .price span{ font-size: 24px;}

.userCenter .newsList ul{padding-bottom: 10px;}
.userCenter .newsList li{ overflow: hidden; padding: 0 30px; line-height: 50px; border-bottom: 1px solid #daedf8; }
.userCenter .newsList li:hover{ background: #eefdf8; }
.userCenter .newsList li a{ float: left; }
.userCenter .newsList li a:hover{ text-decoration: none; color: #000; }
.userCenter .newsList li .date{ float: right; color: #8e8e8e;}


.userCenter .newsDetail h2{ padding: 20px 0 10px; text-align: center; font-size: 24px; font-weight: normal; }
.userCenter .newsDetail .newsInfo{ overflow: hidden; margin: 0 25px; padding: 0 0 10px 0; border-bottom: 1px solid #D7EDFA; }
.userCenter .newsDetail .newsInfo .info{ float: left; margin: 0 10px; color: #8e8e8e;}
.userCenter .newsDetail .newsInfo .info span{ color: #333; }
.userCenter .newsDetail .newsInfo .info span{ color: #333; }

.userCenter .newsDetail .newsInfo .share{ float: right; color: #8e8e8e;}
.userCenter .newsDetail .newsInfo .share.jiathis_style .jtico{ display: inline-block; vertical-align: middle;
    width: 50px; height: 18px !important; padding-left: 25px !important; background: url(../../images/icons.png) 0 -450px no-repeat; font-size: 14px;}
.userCenter .newsDetail .newsInfo .share.jiathis_style .jiathis_txt{ padding-right: 0; margin-left: 5px; font-size: 14px !important;}

.userCenter .newsDetail .text{ margin: 15px 40px; padding-bottom: 20px;}
.userCenter .newsDetail .text p{ text-indent: 25px; padding: 5px 0; line-height: 24px;}


.detailBox{ margin-top: 10px; background: #fff; border-top: 10px solid #eee; }
.detailBox .title{ height: 63px; line-height: 60px}
.detailBox .title .name{ float: left; height: 63px; padding: 0 48px; background: url(../../images/icons.png) 0 -468px; line-height: 60px; color: #fff; font-size: 24px;}
.detailBox .title .name .sub{ display: inline-block; vertical-align: top; height: 14px; margin-top: 10px; padding: 0 4px; border-radius: 14px; line-height: 12px; font-size: 12px; background: #ff8a2b; color: #fff; font-size: 12px;}
.detailBox .title .name .num{ font-size: 14px;}
.detailBox .title .print{ float: right; margin-right: 30px; color: #8e8e8e; font-size: 18px;}
.detailBox .title .print i{ display: inline-block; vertical-align: middle; width: 30px; height: 25px; margin-top: -3px; margin-right: 5px; background: url(../../images/icons.png) 0 -565px;}

.detailBox .commentCon{ margin: 20px 40px; }
.detailBox .commentCon li{ padding: 20px; border-bottom: 1px solid #ececec; }
.detailBox .commentCon li .avatar{ float: left; width: 48px; height: 48px; text-align: center;}
.detailBox .commentCon li .avatar p{ margin-top: 15px;}
.detailBox .commentCon li .con{ position: relative; padding: 10px; border: 1px solid #dcdddd; border-radius: 5px; margin-left: 70px; }
.detailBox .commentCon li .con .info{ overflow: hidden;}
.detailBox .commentCon .date{ margin-top: 15px; color: #8e8e8e}
.detailBox .commentCon .txt{ font-size: 14px;}
.detailBox .commentCon li .con:before{ content: ''; position: absolute; left: -11px; top: 40px; width: 11px; height: 16px; background: url(../../images/icons.png) 0 -607px;}

.detailBox .commentCon li:last-child{ border-bottom: 0; }


.detailBox .newForm .tit{ padding-left: 20px; }
.detailBox .newForm .tit .name{ font-size: 20px; }
.detailBox .newForm .tit a.login{ margin-left: 25px; color: #21C68C; font-size: 18px; }
.detailBox .newForm .tit a.reg{ color: #65D6DE; font-size: 18px; }

.detailBox .newForm .newFormCon{ margin: 10px 20px; }

.detailBox .newForm .newFormCon textarea{ width: 900px; height: 120px; padding: 8px; border: 1px solid #ddd;}


.detailBox .newForm .newFormCon .btnOpt{ padding: 25px 0 40px; text-align: center; }
.detailBox .newForm .newFormCon .btnOpt a{ display: inline-block; vertical-align: middle; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #1a9fe7; font-size: 16px;}
.detailBox .newForm .newFormCon .btnOpt a.btnOk{ width: 160px; background: #0488D2; color: #fff;}
.detailBox .newForm .newFormCon .btnOpt a.btnOk:hover{ background: #1aa0e9; text-decoration: none;}


.orderDetail{ padding: 10px; }
.orderDetail .baseInfo{ padding: 5px 0 10px; background: #f9fafc; border: 1px solid #e4e4e5;}
.orderDetail .baseInfo ul{ overflow: hidden; padding: 10px 0 15px; border-bottom: 1px solid #d9dadb;}
.orderDetail .baseInfo li{ float: left; width: 28%; /*border-right: 1px dotted #ccc;*/ line-height: 14px; text-align: center;}
.orderDetail .baseInfo li:first-child{ width: 15%;}
.orderDetail .baseInfo li:last-child{ border-right: 0;}
.orderDetail .baseInfo li label{ color: #8e8e8e;}
.orderDetail .baseInfo li p{ margin-top: 12px;}
.orderDetail .baseInfo .btnPay{ display: block; margin: 12px auto 0; width: 110px; height: 40px; background: #FE6D2C; line-height: 40px; color: #fff; text-align: center;}
.orderDetail .baseInfo .btnPay:hover{ background: #f87b00; text-decoration: none;}



.orderDetail .detailInfo{ margin-top: 15px; }
.orderDetail .detailInfo .tit{ line-height: 40px; font-size: 18px; }
.orderDetail .detailInfo .routeInfo .item{ padding: 15px 0; border-top: 1px solid #d0e9f6;}
.orderDetail .detailInfo .item .title{ line-height: 34px; overflow: hidden;}
.orderDetail .detailInfo .item .title .name{ float: left; font-size: 16px;}
.orderDetail .detailInfo .item .title .price { float: right; font-size: 12px;}
.orderDetail .detailInfo .item .title .price label{ color: #8e8e8e;}
.orderDetail .detailInfo .item .title .price span{ font-size: 16px;}

.orderDetail .detailInfo .item .list{ margin-top: 10px; overflow: hidden; line-height: 28px;}
.orderDetail .detailInfo .item .list .name{ float: left; width: 150px; text-align: right; }
.orderDetail .detailInfo .item .list .con{ margin-left: 170px; }
.orderDetail .detailInfo .item .list .con label{ color: #8e8e8e; }
.orderDetail .detailInfo .item .list .con .cell{ display: inline-block; width: 210px;}
.orderDetail .detailInfo .item .line{ margin: 15px 0 15px -170px; border-bottom: 1px dashed #ddd;}
.orderDetail .detailInfo .item .list .conjjfw{ margin-left: 170px; }
.orderDetail .detailInfo .item .list .conjjfw label{ color: #8e8e8e; }
.orderDetail .detailInfo .item .list .conjjfw .cell{ display: inline-block; width: 210px;}

.orderDetail .flightInfo{ margin-top: 15px; }
.orderDetail .flightInfo .tit{ line-height: 40px; }
.orderDetail .flightInfo .tit .tips{ margin-left: 20px; color: #8e8e8e }
.orderDetail .flightInfo .con{ margin: 5px 0 10px 80px; border: 1px solid #eee; padding: 20px 24px;}
.orderDetail .flightInfo .con .item{ float: left; width: 50%;}
.orderDetail .flightInfo .con .title{ margin-bottom: 10px;}
.orderDetail .flightInfo .con li{ padding: 5px 0;}
.orderDetail .flightInfo .con li label{ float: left; width: 80px; line-height: 32px; color: #8e8e8e; text-align: right;}
.orderDetail .flightInfo .con li .title{ float: none;}
.orderDetail .flightInfo .con li .cell{ margin-left: 85px; }
.orderDetail .flightInfo .con li .cell .inputText{ width: 250px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}
.orderDetail .flightInfo .con li .cell select{ width: 120px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}


.orderDetail .flightInfo .remark{ padding: 10px 0; }
.orderDetail .flightInfo .remark label{ float: left; width: 80px; line-height: 32px; color: #8e8e8e; text-align: right;}
.orderDetail .flightInfo .remark textarea{ display: block; margin-left: 85px; width: 673px; height: 100px; padding: 3px; border: 1px solid #e8e8e7;}


.orderDetail .detailInfo .tit{ line-height: 40px; }
.orderDetail .detailInfo .tit .tips{ margin-left: 20px; color: #8e8e8e }
.orderDetail .detailInfo .con{ margin: 5px 0 10px 80px; border: 1px solid #eee; padding: 20px 24px;}
.orderDetail .detailInfo .con .item{ float: left; width: 50%;}
.orderDetail .detailInfo .con .title{ margin-bottom: 10px;}
.orderDetail .detailInfo .con li{ padding: 5px 0;}
.orderDetail .detailInfo .con li label{ float: left; width: 80px; line-height: 32px; color: #8e8e8e; text-align: right;}
.orderDetail .detailInfo .con li .title{ float: none;}
.orderDetail .detailInfo .con li .cell{ margin-left: 85px; }
.orderDetail .detailInfo .con li .cell .inputText{ width: 250px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}
.orderDetail .detailInfo .con li .cell select{ width: 120px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}

.orderDetail .detailInfo .con li .cell .calendar{ width: 180px; height: 32px; border: 1px solid #e8e8e7; line-height: 32px; }
.orderDetail .detailInfo .con li .cell .calendar input{ width: 194px; padding-left: 8px; border: 0; height: 32px; background: url(../../images/icons.png) 152px -347px no-repeat; }

.orderDetail .detailInfo .conjjfw .item{ float: left; width: 50%;}
.orderDetail .detailInfo .conjjfw .title{ margin-bottom: 10px;}
.orderDetail .detailInfo .conjjfw li{ padding: 5px 0;}
.orderDetail .detailInfo .conjjfw li label{ padding-left:20px; width: 80px; line-height: 32px; color: #8e8e8e; text-align: right;}
.orderDetail .detailInfo .conjjfw li .title{ float: none;}
.orderDetail .detailInfo .conjjfw li .cell{ margin-left: 85px; }
.orderDetail .detailInfo .conjjfw li .cell .inputText{ width: 250px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}
.orderDetail .detailInfo .conjjfw li .cell select{ width: 120px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}

.orderDetail .detailInfo .conjjfw li .cell .calendar{ width: 180px; height: 32px; border: 1px solid #e8e8e7; line-height: 32px; }
.orderDetail .detailInfo .conjjfw li .cell .calendar input{ width: 194px; padding-left: 8px; border: 0; height: 32px; background: url(../../images/icons.png) 152px -347px no-repeat; }


.orderDetail .detailInfo .remark{ padding: 10px 0; }
.orderDetail .detailInfo .remark label{ float: left; width: 80px; line-height: 32px; color: #8e8e8e; text-align: right;}
.orderDetail .detailInfo .remark textarea{ display: block; margin-left: 85px; width: 253px; height: 100px; padding: 3px; border: 1px solid #e8e8e7;}

.orderDetail .totalPrice{ padding: 10px 0; text-align: right; font-size: 12px;}
.orderDetail .totalPrice label{ color: #8e8e8e;}
.orderDetail .totalPrice span{ font-size: 18px;}


.orderDetail .ps{ padding: 10px 0; color: #8e8e8e;}
.orderDetail .ps label{ color: #333;}

.orderDetail .otherBtn{ margin-top: 10px; padding: 30px 0; border-top: 1px solid #d0e9f6; text-align: right;}
.orderDetail .otherBtn a{ display: inline-block; vertical-align: middle; margin-left: 35px;}
.orderDetail .otherBtn a i{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.orderDetail .otherBtn a i.iconPrint{ width: 30px; height: 25px; background: url(../../images/icon_print_green.png);}
.orderDetail .otherBtn a i.iconGlass{ width: 32px; height: 22px; background: url(../../images/icon_glass.png);}


.userCenter .welcome{ position: relative; height: 245px; background: #f8f8f8; border: 1px solid #dcdddd; }
.userCenter .welcome .close{ position: absolute; right: -8px; top: -8px; width: 16px; height: 20px; padding-left: 4px; background: #babbbb; border-radius: 10px; color: #fff; line-height: 18px; font-size: 18px;}
.userCenter .welcome .close:hover{ background: #aaa; text-decoration: none;}
.userCenter .welcome ul{ margin: 0 50px;}
.userCenter .welcome li{ float: left; width: 50%; padding-top: 30px; text-align: center;}
.userCenter .welcome li p{ margin-top: 20px; color: #babbbb}
.userCenter .welcome li a{ display: block; width: 120px; height: 105px; margin: 0 auto; padding-top: 15px; border-radius: 60px; background: #02adf3; line-height: 20px; color: #fff; text-align: center;}
.userCenter .welcome li a.orange{ background: #f1a438}
.userCenter .welcome li a.orange:hover{ background: #f87b00}
.userCenter .welcome li a i{ display: block; width: 45px; height: 45px; margin: 0 auto 5px; background: url(../../images/icon_welcome.png);}
.userCenter .welcome li a i.icon_2{ background-position: 0 -45px;}

.userCenter .welcome li a:hover{ background: #1aa0e9; text-decoration: none;}



.userCenter .userInfo{ overflow: hidden; padding: 40px 0;}
.userCenter .userInfo .avatar{ float: left; width: 175px;}
.userCenter .userInfo .avatar .pic{ width: 97px; margin: 0 auto;}
.userCenter .userInfo .avatar p{ padding-top: 10px; text-align: center;}
.userCenter .userInfo .avatar .fontGreen{ color: #52bd0a;}
.userCenter .userInfo .avatar .tag{ background: #ff9000; border-radius: 3px; padding: 2px 5px; color: #fff; font-size: 12px;}

.userCenter .userInfo .content{ margin-top: 10px; margin-left: 185px; line-height: 28px;}
.userCenter .userInfo .content label{ color: #8e8e8e;}
.userCenter .userInfo .content a{ color: #0084cd; border-bottom: 1px dashed #e60012;}


.userCenter .userInfos{ padding: 5px 20px; }
.userCenter .userInfos ul{ padding: 15px 0;}
.userCenter .userInfos li{ overflow: hidden; padding: 4px 0; line-height: 32px; }
.userCenter .userInfos li label{ float: left; width: 80px; line-height: 32px; color: #8e8e8e; text-align: right;}
.userCenter .userInfos li .content{ margin-left: 85px;}
.userCenter .userInfos li .content .inputText{ width: 265px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}
.userCenter .userInfos li .content select{ width: 130px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #e8e8e8;}
.userCenter .userInfos li .content .inputText.s{ width: 125px; }
.userCenter .userInfos li .content .inputText.b{ width: 460px; }
.userCenter .userInfos li .content select.s{ width: 110px; }

.userCenter .userInfos li .content .calendar{ display: inline-block; width: 180px; height: 32px; margin-right: 15px; border: 1px solid #e8e8e7; line-height: 32px; }
.userCenter .userInfos li .content .calendar input{ width: 194px; padding-left: 8px; border: 0; height: 32px; background: url(../../images/icons.png) 152px -347px no-repeat; }


.userCenter .userInfos li .content .btnOpt{display: inline-block; width: 82px; height: 32px; margin-left: 10px; background: #0388d0; line-height: 32px; color: #fff; text-align: center;}
.userCenter .userInfos li .content .btnOpt:hover{ background: #1aa0e9; text-decoration: none;}
.userCenter .userInfos li .content .tips{ margin-left: 10px; color: #aaa;}
.userCenter .userInfos li .content .errorTips{ color: #ff6600;}
.userCenter .userInfos li .content .inputRadio{ display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}

.userCenter .userInfos .btnSubmit{ display: block; width: 150px; height: 50px; margin: 30px auto 100px; background: #0388d0; line-height: 50px; color: #fff; text-align: center; font-size: 18px;}
.userCenter .userInfos .btnSubmit:hover{ background: #1aa0e9; text-decoration: none;}



.userCenter .userInfos .upload .avatar{ margin: 105px auto 15px;}
.userCenter .userInfos .upload .btnUpload{ display: block; width: 160px; height: 30px; margin: 0 auto; background: #0388d0; line-height: 30px; color: #fff; text-align: center; }
.userCenter .userInfos .upload .btnUpload:hover{ background: #1aa0e9; text-decoration: none;}
.userCenter .userInfos .upload .fileUpload{ display: none;}
.userCenter .userInfos .upload p{ margin-top: 20px; text-align: center; color: #8e8e8e;}

.button-box{ text-align:center;padding:10px 0;}
.button-box .sunbtn{border:none;padding:3px 15px;}
.button-box .sunbtn2{ background-color:#0388d0;color:#fff;}
.button-box .sunbtn3:hover{ background-color:#999;}
.button-box .sunbtn2:hover{ background-color:#1aa0e9;}


.flight-selector{display:inline;background:url(../../images/icon_down_arrow.gif) no-repeat right center;padding:2px 20px 2px 5px;border:1px solid #D5D5D5;cursor:pointer;vertical-align:middle;line-height:15px;}

#flight-airline-box,
#flight-target-box,
#flight-arrive-box{width:450px;position:absolute;top:0;left:0;z-index:10;}


.frmpop{border:2px solid #6AC5F4;position:relative;background-color:#FFF;}
.frmpop-title{padding:5px;background-color:#B2E0FA;color:#013E5B;font-weight:bold;}

.frmpop-con{overflow:hidden;}

.frmpop-con .sunbtn-wrap{border-top:1px dashed #D5D5D5;clear:both; padding: 10px 0;text-align: center;}
.frmpop-con .sunbtn-wrap .sunbtn1{margin-left:10px;}
.sunbtn-wrap .sunbtn1,.sunbtn-wrap .sunbtn2 {display: inline-block;border: 0 none;border: 1px solid #E4E4E4;height: 23px;line-height: 23px;padding: 0 15px;color: #000; line-height: 23px;vertical-align: middle;cursor: pointer;min-width: 40px;font-size: 12px;text-align: center;}
.sunbtn-wrap .sunbtn2{background-color: #0388d0;color: #fff;}
.flight-items li.hover{background-color:#D8F1FF;}
.flight-items li.selected{background:#2E6BC4;color:#FFF;}
.flight-airline-names{padding:10px;overflow:auto;max-height:320px;}
.flight-airline-names li{float:left;width:100px;margin:5px 0 5px 20px;border:1px solid #D5D5D5;background:#FAFAFA;padding:3px 5px;text-align:center;cursor:pointer;}
.flight-time-list{width:130px;float:left;margin:10px 0 10px 15px;overflow:hidden;}
.flight-time-list h4{font-weight:normal;color:#777;}
.flight-time-list ul li{width:100px;margin-top:5px;border:1px solid #D5D5D5;background:#FAFAFA;padding:3px 5px;text-align:center;cursor:pointer;}
.flight-time-list ul.hour li{width:40px;float:left;margin-right:5px;_display:inline;}

/*头像容器*/
.avatar-wrap{ margin:0 15px; background:#fafafa; }
    .avatar-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .avatar-wrap .avatar-box{ padding:10px 25px; border-bottom:1px solid #e0e0e0; height:60px; }
    .avatar-wrap .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; overflow:hidden; }
    .avatar-wrap .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-wrap .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:54px; }
    .avatar-wrap .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p{ color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p i{ color:#23ac38; font-style:normal; }
/*头像上传*/
.cropper-wrap{ margin-top:20px;overflow:hidden; }
	.cropper-wrap .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wrap .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wrap .cropper-view{ float:left; width:184px; }
	.cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; border:1px solid #d70029; background:#d70029; cursor:pointer; color:#fff; }
.upload{
    padding:15px 0;
}
.upload-box {
    position: relative;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    zoom: 1;
}
    .upload-box .upload-btn {
        display: inline-block;
        height: 32px;
        zoom: 1;
    }
    .webuploader-element-invisible {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
    }
.webuploader-pick {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    line-height: 32px;
    height: 32px;
    border: 1px solid #02598E;
    border-radius: 2px;
    cursor: pointer;
    background: #1e7bb3;
    color: #fff;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}