* { margin: 0; padding: 0; outline: 0; }
body { font-family: Helvetica,"Microsoft Yahei","Times New Roman",Georgia,Serif; }
article, aside, figure, footer, header, nav, section { display: block; }
nav ul { list-style: none; }
ul { list-style: none; }
a { text-decoration: none; }
i { display: inline-block; }

html, body { position: relative; }

/*header{
    width: 100%;
    height: 80px;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.86);
    z-index: 99998;
}*/

footer { width: 100%; position: relative; bottom: 0; left: 0; z-index: 99997; }
.color-black { color: #000000; }
.color-white { color: #FFFFFF; }
.color-red { color: #FD2424; }
.color-orange { color: #FF4700; }
.color-status-wait { color: #FF4700; }
.color-status-ok { color: #75C053; }
.color-status-cancel { color: #FF2425; }
.bg-body { background-color: #F8F8F8;; }
.mask { display: none; width: 100%; height: 100%; z-index: 99999; position: fixed; filter: Alpha(opacity=50); background-color: black; top: 0; left: 0; opacity: 0.5; }
.fl { float: left; }
.fr { float: right; }
.clearf { clear: both; }
.breakall { word-break: break-all; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hidden { display: none; }
.text-hidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page { width: 100%; height: 100%; }

/*header样式
.header-index { height: 80px; line-height: 80px; width: -moz-calc(100% - 200px);width: -webkit-calc(100% - 200px); width: calc(100% - 200px); margin: 0 auto; }
.header { height: 80px; line-height: 80px; width: 1200px; margin: 0 auto; }
.header-index ul a,
.header ul a { color: #FFFFFF; }
.header-index ul li,
.header ul li { color: #ffffff; font-size: 19px; }
.header-index .logo,
.header .logo { float: left; width: 100px; height: 45px; margin-top: 20px; background-image: url("../images/common/logo.png"); background-repeat: no-repeat; background-size: 100%; }
.header-index .logo-text,
.header .logo-text { float: left; width: 182px; height: 45px; margin-top: 20px; margin-left: 20px; background-image: url("../images/common/logo_text.png"); background-repeat: no-repeat; background-size: 182px 45px; }
.header-index .location,
.header .location { float: left; margin-left: 36px; cursor: pointer; }
.header-index .location .area-wrapper,
.header .location .area-wrapper { display: none; position: absolute; width: 270px; padding: 8px; background-color: #FFFFFF; top: 80px; margin-left: -75px; box-shadow: 0 3px 5px 3px rgba(255,255,255,0.44); }
.header-index .location .area-wrapper .area-item,
.header .location .area-wrapper .area-item { float: left; font-size: 17px; padding: 8px; color: #666460; line-height: 33px; cursor: pointer; }
.header-index .location .area-wrapper .area-item.active,
.header .location .area-wrapper .area-item.active { color: #FF4700; }
.header-index .location .icon,
.header .location .icon { width: 16px; height: 19px; background-image: url("../images/common/location.png"); background-repeat: no-repeat; background-size: 16px 19px; }
.header-index .location .city,
.header .location .city { margin: 0 12px; }
.header-index .location .arrow,
.header .location .arrow { width: 12px; height: 7px; background-repeat: no-repeat; background-size: 12px 7px; }
.header-index .location .arrow.down,
.header .location .arrow.down { background-image: url("../images/common/arrow_down_white.png"); }
.header-index .location .arrow.up,
.header .location .arrow.up { background-image: url("../images/common/arrow_up_white.png"); }
.header-index .login,
.header .login { float: right; padding-left: 35px; position: relative; /*display: flex;*/ /*display:-webkit-flex;*/ }
/*
.header-index .login .user-name,
.header .login .user-name { display: inline-block; }
.header-index .login .show-ercode,
.header .login .show-ercode { display: none; position: absolute; width: 130px; top: 50px; }
.header-index .login .show-ercode .top-image,
.header .login .show-ercode .top-image { background-image: url("../images/common/t.png"); background-size: 95px 72px; height: 72px; background-repeat: no-repeat; width: 95px; }
.header-index .login .show-ercode .bottom-image,
.header .login .show-ercode .bottom-image { background-image: url("../images/common/ercode1.png"); background-size: 172px 172px; height: 172px; width: 172px; background-repeat: no-repeat; margin-left: -36px; }
*/

/*footer样式*/
.footer { width: 100%; }
.footer .banner-wrapper { background-color: #C8C3BE; height: 99px; width: 100%; }
.footer .banner-wrapper .banner { height: 99px; width: 1200px; background-image: url("../images/common/footer_banner.png"); background-repeat: no-repeat; background-size: 1200px 99px; margin: 0 auto; }
.footer .footer-content { width: 1200px; margin: 18px auto; }
.footer .footer-content .items { padding: 18px 0; }
.footer .footer-content .items .item { padding: 0 22px; font-size: 18px; border-right: 2px solid #666460; }
.footer .footer-content .items .item:last-child { border-right: none; }
.footer .footer-content .items .item a { color: #62615C; }
.footer .footer-content .info { color: #62615C; font-size: 11px; letter-spacing: 4px; }
.footer .footer-content .footer-ercode { position: absolute; right: 0; top: 0; width: 74px; height: 74px; background-image: url("../images/common/ercode1.png"); background-repeat: no-repeat; background-size: 74px 74px; }

/*登录框样式*/
.login-modal { display: none; z-index: 999991; position: absolute; background-color: white; padding: 80px 0 30px; top: 50%; left: 50%; background-color: white; padding: 45px 115px; margin-top: -250px; margin-left: -365px; }
.login-modal .login-modal-items { width: 500px; font-size: 22px; letter-spacing: 2px; display: flex; text-align: center; }
.login-modal .login-modal-items .login-modal-item { width: 250px; padding: 35px 0; color: #666460; border-top: #9A9690 1px solid; cursor: pointer; }
.login-modal .login-modal-items .login-modal-item.current { color: #FF4700 !important; border-top: #FF4700 1px solid !important; }
.login-modal .login-modal-inputs { margin-bottom: 20px; position: relative; color: #605E59; }
.login-modal .login-modal-input { padding: 9px 10px; font-size: 17px; line-height: 20px; border: 1px solid #ABA7A2; color: #ABA7A2; }
.login-modal .vertify-code { color: #ffffff; background-color: #FF4700; width: 130px; cursor: pointer; height: 40px; margin-left: -1px; }
.login-modal .vertify-code1 { position: absolute; right: 2px; top: 3px; }
.login-modal .login-btn { text-align: center; color: #ffffff; background-color: #FF4700; padding: 10px 0; margin: 15px 0 27px; cursor: pointer; }
.login-modal .forget-password a { text-decoration: underline; color: #B2B2B2; }
.login-modal .btn-register { margin-bottom: 0 !important; }
.login-modal .btn-register a { text-decoration: underline; color: #FF4700; }

.transition { transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; }

.separate { border-bottom: #C4C2C2 1px solid; }

/*个人中心-左侧菜单样式*/
.content-left { width: 220px; background-color: #333333; text-align: center; }
.content-left::-webkit-scrollbar { width: 0; }
.content-left ul li { display: -webkit-box; box-align: center; -webkit-box-align: center; -webkit-box-pack: center; border-bottom: #4B4B4B 1px solid; padding: 13px 0; }
.content-left ul li span { font-size: 18px; display: block; }
.content-left .nav-avater { padding: 0 8px 0 0; }
.content-left .nav-top { text-align: left; }
.content-left .nav-b { display: block; cursor: pointer; }
.content-left .nav-b:hover { opacity: 0.9; }
.content-left .nav-b span { margin-top: 6px; }
.content-left .nav-login-out { min-height: 45px; }
.content-left .nav-one-auth { font-size: 0.85rem; padding: 5px 0; color: #FF4700; }
/*������ͼƬ*/
.content-left .nav-img { width: 23px; height: 23px; background-repeat: round; margin: auto; }
.content-left .nav-img-index { background-image: url("../images/my/my_index.png"); }
.content-left .nav-img-index-act { background-image: url("../images/my/my_index_act.png"); }
.content-left .nav-img-demand { background-image: url("../images/my/my_demand.png"); }
.content-left .nav-img-demand-act { background-image: url("../images/my/my_demand_act.png"); }
.content-left .nav-img-order { background-image: url("../images/my/my_order.png"); }
.content-left .nav-img-order-act { background-image: url("../images/my/my_order_act.png"); }
.content-left .nav-img-collection { background-image: url("../images/my/my_collection.png"); }
.content-left .nav-img-collection-act { background-image: url("../images/my/my_collection_act.png"); }
.content-left .nav-img-invoice { background-image: url("../images/my/my_invoice.png"); }
.content-left .nav-img-invoice-act { background-image: url("../images/my/my_invoice_act.png"); }
.content-left .nav-img-setting { background-image: url("../images/my/my_setting.png"); }
.content-left .nav-img-setting-act { background-image: url("../images/my/my_setting_act.png"); }
.content-left .nav-img-loginout { background-image: url("../images/my/login_out.png"); width: 220px; height: 45px; position: absolute; bottom: 0; }
.content-left .nav-current { background-color: #ffffff; color: #333333; }
.content-right { margin-left: 20px; width: 960px; }
.right-part { margin: 0 0 0 20px !important; }

/*通用内容区域样式*/
.content-wrapper { min-height: -moz-calc(100% - 211px); /*Firefox*/ min-height: -webkit-calc(100% - 211px); /*chrome safari*/ min-height: calc(100% - 211px); /*Standard */ height: auto; width: 1200px; margin: 0 auto; }
.content-wrapper .content { height: 100%; }
.content-wrapper .content .content-flex { display: flex; display: -webkit-flex; }
.content-wrapper .content .nav-fixed {height:553px; margin-bottom:30px; }

/*tab选项卡样式*/
.tab-wrapper .tab-title { display: flex; position: relative; padding: 0 20px; border-bottom: #C3C0B9 1px solid; }
.tab-wrapper .tab-title .title-item { padding: 7px 28px; margin-bottom: -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; width: 80px; text-align: center; font-size: 19px; color: #343535; }
.tab-wrapper .tab-title .title-item.active { color: #FF4700; border: 1px solid #C3C0B9; border-bottom: 1px solid #F5F5F5; }
.tab-wrapper .tab-item { padding: 14px 15px; }

/*导航栏样式*/
.navigation-wrapper { padding: 14px 0; /*position: fixed;*/ }
.navigation-wrapper .home { width: 12px; height: 12px; background-image: url("../images/my/home.png"); background-repeat: no-repeat; background-size: 12px 12px; }
.navigation-wrapper .navi-item { display: inline-block; color: #5D5C57; font-size: 12px; }
.navigation-wrapper .navi-item.current { color: #343535; }
.navigation-wrapper .navi-item a { color: #5D5C57; }

/*翻页样式*/
.content-page { padding: 10px 2px; text-align: right; }
.content-page span { display: inline-block; font-size: 10px; padding: 2px 4px; margin: 0 5px; cursor: pointer; }
.content-page span:hover,
.content-page .current { background-color: #000000; color: #ffffff; }

/*面包屑*/
.seatBox{ color: #999; background: #f5f5f5; }
.seatBox .seat {width: 1200px;font-size: 14px;color: #666666;line-height: 40px;margin: 0 auto;}
.seatBox .seat a{ color: #999; }
.seatBox .seat img { padding: 0 10px;}