body{
    min-width: 1200px;
    margin: 0 auto;
}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,button {
    margin:0;
    padding:0;
}
.container{
    width: 1200px !important;
    margin: 0 auto;
    padding: 0;
}
a {
    color: #666;
    text-decoration: none;
}
a:hover,a:focus {
    color: inherit;
    text-decoration: none;
}
.clearfloat:after {
    content: " ";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}
button:focus,a:focus {
    outline: none;
}
ul,ol {
    list-style: none;
}
input {
    outline: none;
}
.top-recommend {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.top-recommend img{
    width: 100%;
}
.header{
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: #f5f5f5;
}
.header-content {
    position: relative;
}
.header-content>span {
    float: left;
    font-size: 14px;
    color: #333;
}
.header-content>a {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #333;
    color: #22b0eb;
    text-decoration: underline;
}
.header-content>a:hover {
    color: #0b739e;
    text-decoration: underline;
}
.header-right {
    float: right;
    position: relative;
}
.header-right ul li {
    float: left;
    font-size: 14px;
    color: #333;
    padding: 0 7px;
    text-align: center;
}
.header-right ul li i.car-icon {
    width: 18px;
    height: 17px;
    display: inline-block;
    background: url("../images/car-icon2.png") no-repeat center center;
    margin-right: 6px;
    position: relative;
    top: 4px;
}
.no-login {
    color: #333;
}
.no-login a{
    font-size: 14px;
    color: #333;
}
.no-login span {
    color: #333;
    margin: 0 14px;
}
.shop-car {
    color: #ffc869;
}
.header-right ul li a {
    color: #333;
}
.header-right ul li.header-last {
    width: 100px;
    height: 32px;
    padding: 0;
    position: relative;
}
li.header-last span {
    position: absolute;
    left: 45px;
    bottom: -10px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/wechat-icon.png) no-repeat -29px -6px;
}
.header-right ul li.active {
    background: #cdcdcd;
}
.header-last>i {
    display: inline-block;
    width: 86px;
    height: 32px;
    background: url(../images/wechat-btn-img.gif) no-repeat center center;
    /*background: url(../images/wechat-icon.png) no-repeat -6px -6px;*/
    /*position:relative;*/
    /*top: 3px;*/
    /*margin-right: 10px;*/
}
.header-wechat {
    position: absolute;
    top: 30px;
    display: none;
    width: 100px;
    z-index: 99;
}
.header-wechat i {
    margin: 20px auto 0;
    display: block;
    width: 89px;
    height: 91px;
    background: url(../images/header-wechat.jpg) no-repeat center center;
}
.wechat-index {
    display: none;
    width: 100px;
    height: 142px;
    background: url(../images/wx.jpg) no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
}
/*顶部滑过下拉*/
.header-right ul li.account-sets{
    position: relative;
    padding: 0 25px 0 15px;
    min-width: 82px;
}
.header-right ul li.account-sets a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.active-nav{
    background: #cdcdcd;
}
.account-sets a i{
    width: 14px;
    height: 14px;
    background: url(../images/arrow.png) -41px -9px no-repeat;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 1px;
}
.account-sets a i.active {
    background: url(../images/arrow.png) -26px -9px no-repeat;
}
.header-right ul li ul.drop-lists{
    width: 100%;
    height: auto;
    background: #cdcdcd;
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 888;
    display: none;
    margin-left: -41px;
}

.header-right ul li ul.drop-lists li{
    margin: 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding:0;
    height: 32px;
    line-height: 32px;
}
.drop-lists li a{
    color: #666;
    display: block;
}
.drop-lists li a.cur{
    background: #567590;
    color: #fff;
    font-weight: normal;
}
.header-nav {
    margin-top: 24px;
}
.search-box {
    width: 100%;
    margin: 0 auto;
    padding: 46px 0;
}
.search-main {
    width: 1059px;
    margin: 0 auto;
}
.search-main .header-search {
    margin: 4px 46px 0 46px;
}
.search-main .header-logo {
    margin-top: 24px;
    width: 241px;
}
.search-main .header-logo i {
    width: 241px;
    height: 29px;
    background: url(../images/header-phone-comon.png) no-repeat center center;
}
.logo {
    float: left;
    width: 218px;
}
.logo img {
    width: 100%;
}
.logo a {
    display: block;
    width: 100%;
}
.header-search {
    float: left;
    margin: 0 43px 0 80px;
}
.search-area {
    position: relative;
}
.add-order-width a {
    display: block;
    width: 218px;
}
.add-order-width img {
    width: 100%;
}
.search-area input{
    display: block;
    width: 504px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #999;
    background: #f8f8f8;
    padding-left: 12px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.search-area button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 36px;
    border: none;
    background: url(../images/search-btn-change.png) no-repeat center center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.search-area button:hover {
    background: url(../images/search-btn-hover.png) no-repeat center center;
}
.search-area button span {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 18px;
    background: url(../images/arrow.png) no-repeat 0 -3px;
}
.search-keyword {
    margin-top: 14px;
}
.search-keyword li {
    float: left;
    font-size: 12px;

    margin-left: 20px;
}
.search-keyword li a {
    color: #999;
}
.search-keyword li:first-child {
    margin-left: 12px;
}
.search-keyword li a:hover {
    color: #22b0eb;
}
.header-logo {
    float: left;
    width: 226px;
}
.header-logo i {
    display: block;
    width: 226px;
    height: 86px;
    background:url(../images/phone-header.png) no-repeat center center;
}
.nav-main {
    border-bottom: 2px solid #999;
}
.nav-title {
    position: relative;
    float: left;
}
.nav-hide {
    overflow: hidden;
}
.no-home-show {
    width: 100%;
    height: 420px;
    overflow: inherit;
}
.add-nav-style {
    width: 218px;
    height: 54px;
    background: url(../images/nav-list-img.jpg) no-repeat center center;
}
.add-nav-style>a {
    /*border-bottom: 3px solid #fff;*/
    position: absolute;
    bottom: 0;
    display: inline-block;
    padding-left: 72px;
    width: 100%;
    height: 100%;
    line-height: 54px;
    font-size: 16px;
    color: #333;
    /*border-bottom: 2px solid #999;*/
    /*box-shadow: 0 2px 8px rgba(170,170,170,0.2) ;*/
}
.add-nav-style>a i{
    display: inline-block;
    width: 18px;
    height: 12px;
    background: url("../images/bar-zicon_03.jpg");
    float: left;
    margin-left: -48px;
    margin-top: 22px;
    margin-right: 30px;
}
.nav-slide {
    height: 452px;
    position: absolute;
    top:0;
    z-index: 999;
    display: none;
}
.nav-left {
    position: absolute;
    top: 54px;
    left: 0;
    width: 218px;
    opacity: 0.9;
    padding-top: 2px;
}
.nav-left ul{
	background: #0fbcf6;
}
.nav-left ul li {
    width: 100%;
    font-size: 14px;
    height: 45px;
line-height: 45px;
    position: relative;
}
.nav-left ul li a {
    color: #fff;
    display: block;
    width: 194px;
    height: 100%;
    margin-left: 12px;
    padding-left: 16px;
    border-top: 1px solid #48d4ff;
}
.nav-left ul li:first-child a{
    border-top: none;
}
.nav-left ul li.active a {
    font-size: 14px;
    color: #333;
    padding-left: 26px;
    border-top: none;
}
.nav-left ul li.active{
    background: #fff;
}
.nav-left ul li.active + li a{
    border-top: none;
}

.nav-left ul li i {
    display:inline-block;
    width: 19px;
    height: 19px;
    margin-right: 20px;
    position: relative;
    top: 5px;
    overflow: hidden;
}
.nav-left ul li i img{
    width: 38px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-left ul li.active i img{
    left: -19px;
}
.nav-left ul li span {
    display: block;
    width: 7px;
    height: 13px;
    overflow: hidden;
    position: absolute;
    top:19px;
    right: 28px;
}
.nav-left ul li span img{
    width: 14px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-left ul li.active span {
     color: #333;
     right: 18px;
 }
.nav-left ul li.active span img{
    left: -7px;
}
.nav-right {
    position: absolute;
    top: 56px;
    left: 218px;
    /*box-shadow: 0 3px 6px rgb(153,153,153);*/
    background: #fff;
    border: 1px solid #eee;
}
.nav-list {
    width: 745px;
}
.navlist-business {
    position: relative;
    width: 678px;
    height: 448px;
    padding-top: 46px;
}
.business-background {
    background: url(../images/navlist-business.jpg) no-repeat center center;
}
.other-background {
    background: url(../images/other-service.jpg) no-repeat center center;
}
.public-background {
    background: url(../images/public-background.jpg) no-repeat center center;
}
.navlist-title {
    text-align: center;
}
.navlist-title h3 {
    font-size: 24px;
    color: #333;
}
.navlist-title p {
    margin-top: 16px;
    font-size: 14px;
    color: #666;
}
.navlist-entrance {
    /*width: 224px;*/
    padding: 16px 12px;
    position: absolute;
    right: 76px;
    bottom: 20px;
}
.navlist-business a {
    display: block;
    width:100%;
    height:100%;
}
.other-background .navlist-entrance{
    padding: 12px;
    right: 48px;
    bottom: 107px;
}
.other-background .navlist-entrance ul li {
    width: 220px;
    height: 60px;
    line-height: 60px;
}
.public-background .navlist-entrance{
    padding: 12px;
    right: 64px;
    bottom: 58px;
}
.public-background .navlist-entrance ul li{
    height: 60px;
    line-height: 60px;
}
.navlist-entrance ul li {
    width: 200px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #D2D2D2;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-top: 24px;
    text-align: center;
    font-size: 16px;
}
.navlist-entrance ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}
.navlist-entrance ul li:hover {
    background: none;
    border: 1px solid #22b0eb;
}
.navlist-entrance ul li:hover a {
    color: #22b0eb;
}
.navlist-entrance ul li:first-child {
    margin-top: 0;
}
.nav-list-left {
    float:left;
    width: 745px;
    height: 448px;
    padding: 4px 24px 0 39px;
  
}
.nav-list-left a.nav-title{
    display: block;
    float: left;
    width: 100px;
    padding-top: 14px;
    font-weight: bold;
}
.nav-list-left li a {
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin-right: 20px;
    line-height: 2;
}
.nav-list-left li a:hover {
    color: #22b0eb;
}
.nav-list-name {
    float: left;
    width: 514px;
    padding: 14px 0;
    border-top: 0px solid #eee;
}
.nav-list-name a.active {
    color: #ff7b22;
}
.nav-list-name a {
    position: relative;
}
.nav-list-name a:hover {
    color: #22b0eb;
}
.nav-list-left li:first-child  .nav-list-name{
    border-top: none;
}
.nav-list-right {
    float: left;
    width: 236px;
    border-left: 1px solid #eee;
    height: 448px;
    padding-top: 2px;
}
.nav-list-right li {
    height: 104px;
    text-align: center;
}
.nav-list-right li a {
    display: block;
    width: 100%;
    height: 100%;
}
.nav-list-right li img {
    width: 235px;
    vertical-align: middle;
    border-top: 1px solid #eee;
}
.nav-list-right li:first-child img{
    border-top: none;
}
.nav-tab {
    float: left;
    margin-left: 69px;
    margin-top: 15px;
}
.nav-tab a {
    display: inline-block;
    width: auto;
    padding: 0 12px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-right: 24px;
    position: relative;
}
.nav-tab a img {
    position: absolute;
    top: -12px;
    right: -12px;
    animation-name:bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        transform: translateY(0);
        webkit-transform: translateY(0);
    }
    40% {
        transform: translateY(-3px);
        webkit-transform: translateY(-3px);
    }
    60% {
        transform: translateY(-1px);
        webkit-transform: translateY(-1px);
    }
}
/*.nav-tab a.active {
    background: url("../images/tab-active-bg_03.jpg");
    color: #fff;
}*/
.nav-tab a:hover {
    background: url(../images/nav-tabs-img.jpg) repeat center center;
    color: #fff;
}
    /*footer*/
.footer-bottom {
    position: absolute;
    bottom: 0;
}
.footer {
    width: 100%;
    border-top: 1px solid #48d4ff;
    background: #01bcf6;
}
.footer-box {
    padding: 46px 0 28px 0;
    border-bottom: 1px solid #48d4ff;
}
.footer-img {
    float: left;
    width: 390px;
}
.footer-logo {
    float: left;
    width: 160px;
}
.footer-logo a {
    display: block;
    width: 108px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}
.footer-phone {
    float: left;
    width: 230px;
    text-align: center;
}
.footer-phone i{
    display: block;
    width: 54px;
    height: 54px;
    background: url(../images/footer-phone.png) no-repeat center center;
    margin: 0 auto;
}
.footer-phone h3 {
    font-size: 22px;
    color: #fff;
    margin: 13px 0 15px 0;
    font-weight: bold;
}
.footer-phone span {
    display: inline-block;
    width: 163px;
    height: 34px;
    background: url(../images/footer-time.png) no-repeat center center;
}
.footer-content {
    float: left;
    width: 551px;
    padding-left: 40px;
    border-left: 1px solid #48d4ff;
    border-right: 1px solid #48d4ff;
}
.footer-content>ul>li {
    margin-left: 47px;
    float: left;
}
.footer-content>ul>li:first-child {
    margin-left: 0;
}
.content-title {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.footer-content li a:hover {
    color: #22b0eb;
}
.footer-content-list {
    margin-top: 25px;
}
.footer-content-list li {
    margin-top: 11px;
    font-size: 12px;
}
.footer-content-list li a {
    color: #fff;
}
.footer-content-list li a:hover{color: #fff;}
.footer-content-list li:first-child {
    margin-top: 0;
}
.footer-wechat {
    float: left;
    width: 259px;
}
.footer-wechat i {
    display: inline-block;
    width: 102px;
    height: 102px;
}
.service-number {
    float: left;
    margin-left: 32px;
}
.subscription {
    float: right;
}
.footer-wechat p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 13px;
}
.service-number i {
    background: url(../images/dwx.jpg) no-repeat center center;
}
.subscription i {
    background: url(../images/subscription.jpg) no-repeat center center;
}
.friendly-link {
    padding: 20px 0 12px 0;
}
.friendly-link h3 {
    margin-bottom: 20px;
    font-weight: lighter;
    font-size: 14px;
    color: #fff;
}
.friendly-link ul{
    margin-bottom: 16px;
}
.friendly-link ul li {
    float: left;
    margin-right: 20px;
    font-size: 12px;
}
.friendly-link ul li a {
    color: #fff;
}
.friendly-link ul li a:hover {
    color: #fff;
}
.friendly-link p {
    margin-top: 0;
    font-size: 12px;
    color: #fff;
}
.friendly-link p a {
    /*margin-left: 24px;*/
    color: #fff;
}

.friendly-link  p a:hover {
    color: #fff;
}

/*common.css*/
.nav-float li{
    float: left;
}
.nav-bg{
    margin-top: 50px;
}
.nav-bg li{
    float: left;
    font-size: 18px;
    margin: 0 42px;
}
.nav-bg li ul li{
    font-size: 14px;
}
.nav-bg li a{
    color: #333;
    text-decoration: none;
}
.nav-bg li a:hover{
    color: #22b0eb;
}
.nav-active>a{
    color: #22b0eb!important;
}
.nav-border{
    /*border-bottom: 2px solid #666;*/
}
.nav-bg li a i{
    width: 14px;
    height: 14px;
    background: url("../images/common.png");
    display: inline-block;
    background-position: -134px -9px;
    margin-left: 4px;
}
.nav-bg li a:hover i{
    background-position: -396px -9px;
}
.nav-bg li a span{
    color: #fff;
    width: 22px;
    height: 15px;
    background: #FF7B22;
    text-align: center;
    line-height: 16px;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
}
.nav-big-box{
    margin-top: 15px;
    border-bottom: 1px solid #eee;
}
.color-33{
    color: #333!important;
}
.margin-top20{
    margin-top: 20px;
}
.margin-top30{
    margin-top: 30px;
}
.margin-top25{
    margin-top: 25px;
}
.margin-left12{
    margin-left: 12px;
}
.margin-top12{
    margin-top: 12px;
}
a{
    color: #666;
    text-decoration: none;
}
a:hover{
    color: #666;
}
.padding-bottom30{
    padding-bottom: 30px;
}
.padding-bottom20{
    padding-bottom: 20px;
}
.padding-bottom10{
    padding-bottom: 10px;
}
.padding-left0{
    padding-left: 0!important;
}
.font-weight{
    font-weight: bold;
}
.hot-icon{
    display: block;
    position: absolute;
    right: -25px;
    top: -2px;
    width: 30px;
    height: 20px;
    background: url("../images/hot-icon_03.png");
    background-repeat: no-repeat;
}
.spirit{
    background: url("../images/common.png");
    background-repeat: no-repeat;
    display: block;
}
.spirit-guarantee1{
    background-position: 0 -34px;
    width: 50px;
    height: 50px;
    margin: 7px auto;
}
.spirit-guarantee2{
    background-position: -50px -34px;
    width: 50px;
    height: 50px;
    margin: 7px auto;
}
.spirit-guarantee3{
    background-position: -100px -34px;
    width: 50px;
    height: 50px;
    margin: 6px auto;
}
.spirit-guarantee4{
    background-position: -150px -34px;
    width: 50px;
    height: 50px;
    margin: 6px auto;
}
.spirit-head-portrait{
    background-position: 0 -84px;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: -10px;
}
.spirit-line{
    width: 38px;
    height: 34px;
    background-position: -52px 0;
}
.spirit-weixin{
    width: 20px;
    height: 32px;
    background-position: -12px -2px;
    float: left;
}
.clearfloat:after {
    content: " ";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear-fix{
    zoom:1;
}
.clear-fix:after{
    content: "";
    clear: both;
    display: block;
}
.phone-math,.special-plane-foot{
    font-size: 16px;
    font-weight: bold;
    color: #666;
}
.phone-math {
    margin-bottom: 5px;
}
.special-plane-foot {
    margin-top: 0;
    margin-bottom: 15px;
}
/*侧边栏*/
.sidebar{
    position: fixed;
    top: 279px;
    right:1px;
    width: 40px;
    height: 291px;
    z-index: 999;
}

.sidebar-top{
    position: relative;
}

.sidebar-top-counsel{
    width: 40px;
    height: 120px;
    border-radius:20px 20px 0 0;
    background: #ffc869;
}
.sidebar-top-counsel:hover{
    cursor: pointer;
}

.sidebar-top-counsel p{
    width: 40px;
    height: 120px;
    font-size: 16px;
    color: rgb(51,51,51);
    background: url(../images/sidebar-bg8.png) 9px 15px;
    background-repeat: no-repeat;
    padding: 42px 12px 0 12px;
    line-height: 16px;
}

.sidebar-top-div{
    display: none;
    position: absolute;
    top: -26px;
    left: -231px;
    width: 231px;
    height: 245px;
    background: url(../images/sidebar-bg12.png);
    background-repeat: no-repeat;
    background-position: 220px 61px;
}

.sidebar-top-div p{
    position: relative;
    width: 224px;
    height: 89px;
    margin-left: -1px;
    margin-bottom: 1px;
}
.sidebar-people{
    position: absolute;
    top: 0;
    left: 0;
    width: 224px;
    height: 89px;
    background: url(../images/sidebar-bg10.png);
    background-repeat: no-repeat;
    z-index: 9999;
}

.sidebar-top-div p span{
    position: absolute;
    top: 42px;
    display: block;
    width: 221px;
    height: 47px;
    background: #f9f9f9;
    font-size: 14px;
    color: rgb(51,51,51);
    line-height: 47px;
    padding-left: 88px;
    z-index: 999;
}

.sidebar-top-div ul{
    width: 224px;
}

.sidebar-top-div ul li{
    float: left;
    width: 111px;
    height: 38px;
    border:1px solid #fff;
    margin-left:-1px;
    margin-top:-1px;
    background: #f9f9f9;
}
.sidebar-top-div li a{
    display: block;
    width: 111px;
    height: 38px;
    font-size: 13px;
    font-family:"MicrosoftYaHei Bold";
    color: rgb(102,102,102);
    line-height: 38px;
    padding-left:41px;
}

.sidebar-top-div .sidebar-top-text1 a{
    background: url(../images/sidebar-bg1.png);
    background-repeat: no-repeat;
    background-position: 11px 9px;
}

.sidebar-top-div .sidebar-top-text2 a{
    background: url(../images/sidebar-bg2.png);
    background-repeat: no-repeat;
    background-position: 11px 9px;
}

.sidebar-top-div .sidebar-top-text3 a{
    background: url(../images/sidebar-bg3.png);
    background-repeat: no-repeat;
    background-position: 11px 9px;
}

.sidebar-top-div .sidebar-top-text4 a{
    background: url(../images/sidebar-bg4.png);
    background-repeat: no-repeat;
    background-position: 11px 9px;
}

.sidebar-top-div .sidebar-top-text5 a{
    background: url(../images/sidebar-bg5.png);
    background-repeat: no-repeat;
    background-position: 11px 9px;
}

.sidebar-top-div .sidebar-top-text6 a{
    background: url(../images/sidebar-bg6.png);
    background-repeat: no-repeat;
    background-position: 11px 9px;
}

.sidebar-top-div .sidebar-top-text7{
    width: 221px;
}

.sidebar-top-div .sidebar-top-text7 a{
    width: 221px;
    padding-left:99px;
    background: url(../images/sidebar-bg7.png);
    background-repeat: no-repeat;
    background-position: 69px 9px;
}

.sidebar-center{
    margin-top:5px;
}

/*.sidebar-center-counsel{
    width: 40px;
    height: 120px;
    border-radius:0 0 20px 20px;
    background: #222;
    position: relative;
}*/

/*.sidebar-center-counsel p{*/
    /*width: 40px;*/
    /*height: 120px;*/
    /*font-size: 16px;*/
    /*color: rgb(255,200,105);*/
    /*background: url(../images/sidebar-bg9.png)  8px 76px;*/
    /*background-repeat: no-repeat;*/
    /*padding: 22px 12px 0 12px;*/
    /*line-height: 16px;*/
/*}*/
/*.sidebar-center-counsel span{*/
    /*display: block;*/
    /*width: 16px;*/
    /*height: 16px;*/
    /*background: #e60013;*/
    /*color: #ffc869;*/
    /*border-radius: 50%;*/
    /*position: absolute;*/
    /*top: 72px;*/
    /*left: 23px;*/
    /*font-size: 12px;*/
    /*text-align: center;*/
/*}*/

.sidebar-bottom{
    width: 40px;
    height: 40px;
    border-radius:20px;
    background: #222;
    margin-top:9px;
    display: none;
}
.sidebar-bottom:hover{
    cursor: pointer;
}

.sidebar-bottom a{
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/sidebar-bg11.png) 10px 15px;
    background-repeat: no-repeat;

}
/*顶部滑过下拉*/
.account-set{
    position: relative;
}
.account-set a i{
    width: 14px;
    height: 14px;
    background: url(../images/common.png);
    display: inline-block;
    background-position: -134px -12px;
    margin-right: 0;
}
.drop-list{
    width: 110px;
    height: auto;
    background: #f9f9f9;
    position: absolute;
    top: 32px;
    left: 50%;
    right: 0;
    z-index: 888;
    display: none;
    border-top: 5px solid #fff;
    margin-left: -55px;
    padding: 10px;
}

.drop-list li{
    margin: 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    line-height: 28px;
    margin-top: 6px;
}
.drop-list li a{
    border-radius: 3px;
    color: #666;
    display: block;
}
.drop-list li a:hover{
    background: #22b0eb;
    color: #fff!important;
    font-weight: normal;
}
.drop-list ul li a{
    width: 100%;
    line-height: 26px;
    text-align: center;
}

.nav-top li.account-set:hover ul.drop-list{
    display: block;
}
.nav-top li.account-set:hover a i{
    background-position: -396px -7px;
}
.select-li{
    position: relative;
}
.select-li:hover ul.drop-list{
    display: block;
}
.select-li ul.drop-list{
    top: 24px;
}


/*服务优势*/
.service-advantage{
    width: 100%;
    height: 118px;
    background: #fff;
}
.service-advantage ul li{
    width: 20%;
    margin-top: 30px;
}
.advantage-i{
    width: 55px;
    height: 61px;
    float: left;
    margin-right: 10px;
}
.advantage-i1{
    background: url("../images/servise-advantage_03.png");
}
.advantage-i2{
    background: url("../images/servise-advantage_05.png");
}
.advantage-i3{
    background: url("../images/servise-advantage_07.png");
}
.advantage-i4{
    background: url("../images/servise-advantage_09.png");
}
.advantage-i5{
    background: url("../images/servise-advantage_11.png");
}

.service-advantage ul li img{
    float: left;
    margin-right: 8px;
    margin-left: 30px;
}
.service-advantage ul li span{
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    float: left;
}
.service-advantage ul li span small{
    color: #666;
    font-weight: normal;
}
.meteor{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.meteor-icon{
    width: 100px;
    position: absolute;
    right: 0;
    top: -200px;
}
.animation-meteor{
    transform: rotateX(-36deg);
}

.meteor-icon2{
    width: 100px;
    position: absolute;
    right: 0;
    top: -200px;
}
.animation-meteor2{
    transform: rotateX(-50deg);
}
.product-shadow:hover{
    box-shadow: 0 0 4px 1px #e5e5e5;
    cursor: pointer;
}
.link-to-product{
    display: table;
    width: 100%;
    height: 100%;
}
.link-to-product:hover{
    color: #ffc869;
}



.home-top{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    height: 170px;
    margin-bottom: 15px;
}
.tx-left{
    width: 290px;
    float: left;
}
.tx-left img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #f8f8f8;
    margin-left: 15px;
    margin-top: 35px;
    float: left;
}
.tx-left span{
    margin-left: 15px;
    line-height: 170px;
    color: #333;
    font-size: 16px;
}

.type-center{
    width: 298px;
    height: 100%;
    border-left: 2px solid #f8f8f8;
    float: left;
}
.type-center ul{
    width: 90%;
    margin: 0 auto;
}
.type-center ul li{
    width: 33.33%;
    float: left;
}
.type-center ul li i{
    width: 44px;
    height: 44px;
    display: block;
    margin: 0 auto;
    background: url("../images/daifukuan_03.png");
    background-size: 100% 100%;
    margin-top: 52px;
}
.type-center ul li.dpj-icon i{
    background: url("../images/daipingjia_05.png");
    background-size: 100% 100%;
}
.type-center ul li.yhq-icon i{
    background: url("../images/youhuiquan_07.png");
    background-size: 100% 100%;
}
.type-center ul li p{
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 10px;
}
.type-center ul li p:hover{
    color: #22b0eb;
}
.type-center ul li p span{
    color: #FF7B22;
}
.type-center ul li p:hover span{
    color: #22b0eb;
}
.dudu-right{
    width: 608px;
    height: 100%;
    border-left: 2px solid #f8f8f8;
    float: left;
}
.new-dudu-title{
    width: 480px;
    float: left;
    margin-top: 21px;
}
.new-dudu-title i{
    width: 3px;
    height: 18px;
    background: #22b0eb;
    display: inline-block;
    margin-left: 20px;
    float: left;
}
.new-dudu-title h4{
    font-size: 16px;
    color: #666;
    margin-left: 10px;
    line-height: 18px;
    float: left;
    font-weight: bold;
}
.new-dudu-cont{
    width: 480px;
    height: auto;
    float: left;
}
.new-dudu-cont p{
    font-size: 14px;
    color: #666;
    margin-top: 12px;
    margin-left: 32px;
    line-height: 14px;
}
.new-dudu-cont p span{
    width: 14px;
    display: inline-block;
}
.new-dudu-cont p:first-child{
    margin-top: 15px;
}
.new-dudu-cont p.new-p-arae{
    text-indent: 14px;
    margin-top: 16px;
    line-height: 22px;
}
.new-du-left{
    width: 480px;
    float: left;
}
.new-duduimg{
    width: 84px;
    float: right;
    margin-right: 20px;
}
.new-duduimg img{
    width: 84px;
    height: 110px;
    margin-top: 30px;
}
.new-du-left2{
    width: 386px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 36px;
}
.new-du-left2 p{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    text-align: left;
}
.new-du-left2 a{
    width: 110px;
    height: 38px;
    border-radius: 3px;
    background: #ff7300;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 20px auto;
    border: none;
    line-height: 38px;
}
.new-du-left2 a:hover{
    cursor: pointer;
    background: #ff9933;
}
.new-duduimg2{
    float: left;
    background: url("../images/my-dudu-img2_03.jpg");
    height: 170px;
    background-size: 100% 100%;
    width:162px;
}


/*个人中心侧边*/
.my-center{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    background: #f8f8f8;
}
.center-main{
    width: 1200px;
    margin: 0 auto;
}
.center-left{
    width: 200px;
    float: left;
    background: #fff;
}
.center-right{
    width: 985px;
    float: left;
    margin-left: 15px;
}
.order-list-title2{
    width: 100%;
    height: 54px;
    border-bottom: 2px solid #f8f8f8;
    background: #fff;
}
.order-list-title2 p{
    font-size: 18px;
    color: #333;
    line-height: 54px;
    margin-left: 20px;
}
.people-head{
    width: 200px;
    height: 170px;
    background: #fff;
    border-bottom: 2px solid #F8F8F8;
}
.people-head a{
    display: block;
    width: 100%;
    /*padding: 20px 0 17px 0;*/
}
.people-head img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
.people-head span{
    color: #333;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-top: 11px;
}
.center-side-title{
    margin-top: 10px;
    width:200px;
    height:auto;
    padding-bottom: 6px;
    overflow: hidden;
}
.center-side{
    width: 100%;
    border-bottom: 2px solid #f8f8f8;
    padding: 15px 0 9px 0;
    margin: 0;
}
.center-side:first-child{
    border-top: none;
}
.center-side li{
    width: 100%;
    font-size: 14px;
    color: #666;
    text-align: left;
    height: 32px;
    line-height: 32px;
}
.center-side li:first-child{
    font-size: 16px;
    height: 32px;
    line-height: 30px;
    padding-bottom: 2px;
}
.center-side li:first-child a{
    color: #333;
}
.center-side li a{
    color: #666;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 60px;
    position: relative;
}
.center-side li a:focus{
    text-decoration: none;
}
.center-side li a span{
	font-size: 12px;
    color: #fff;
    margin-left: 5px;
    width: 22px;height: 15px;
    display: inline-block;
    line-height: 15px;
    background: #FF7B22;
    text-align: center;
    border-radius: 5px;
}

.center-side1 li:first-child a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 18px;
    top: 0;
}
.center-side2 li:first-child a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 18px;
    top: 0;
}
.center-side3 li:first-child a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 18px;
    top: 0;
}
.center-side4 li:first-child a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 18px;
    top: 0;
}
.center-side1  li:first-child a i{
	background: url(../images/center-side-icon1.png);
    background-size:100% 100%;
}

.center-side2  li:first-child a i{
	background: url(../images/center-side-icon3.png);
    background-size:100% 100%;
}

.center-side3  li:first-child a i{
	background: url(../images/center-side-icon5.png);
    background-size:100% 100%;
}

.center-side4  li:first-child a i{
	background: url(../images/center-side-icon7.png);
    background-size:100% 100%;
}

.center-side li.center-active a{
	color: #22b0eb;
}
.center-side li.center-active921 a{
    color: #22b0eb;
}

.center-side1  li.center-active:first-child a i{
	background: url(../images/center-side-icon2.png);
    background-size:100% 100%;
}

.center-side2  li.center-active:first-child a i{
	background: url(../images/center-side-icon4.png);
    background-size:100% 100%;
}

.center-side3  li.center-active:first-child a i{
	background: url(../images/center-side-icon6.png);
    background-size:100% 100%;
}

.center-side4  li.center-active:first-child a i{
	background: url(../images/center-side-icon8.png);
    background-size:100% 100%;
}
.center-side1  li.center-active921:first-child a i{
    background: url(../images/center-side-icon2.png);
    background-size:100% 100%;
}

.center-side2  li.center-active921:first-child a i{
    background: url(../images/center-side-icon4.png);
    background-size:100% 100%;
}

.center-side3  li.center-active921:first-child a i{
    background: url(../images/center-side-icon6.png);
    background-size:100% 100%;
}

.center-side4  li.center-active921:first-child a i{
    background: url(../images/center-side-icon8.png);
    background-size:100% 100%;
}


/*.center-side li i{
    width: 8px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 14px;
}*/
/*.center-side li i.now-page{
    background: url("../images/common.png");
    background-position: -113px -8px;
}
.active-side li:first-child{
    background: #ffc869;
}*/
ul{
    margin: 0;padding: 0;
}
a:focus{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
/*分页*/
.paging ul{
    float: none!important;
}
.paging ul.page-ul{
    display: inline-block;
}
.paging ul li{
    margin-right: 4px;
}
.paging ul li a{
    height: 28px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #666;
    padding: 0 8px;
    border-radius: 2px;
    line-height: 27px;
}
.paging ul li span{
    height: 28px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #666;
    padding: 0 8px;
    border-radius: 2px;
    line-height: 27px;
}

.paging ul li.next a{
    float: none;
}
.paging ul li.next span{
    float: none;
}
.paging span{
    font-size: 14px;
    color: #666;
}
.count-li{
    display: inline-block;
    margin-left: 15px;
}

.paging ul .active a{
    border: 1px solid #22b0eb;
    background: #22b0eb;
    color: #fff;
}

/*星星*/
.evaluate-score-star1 {
    background: url(../images/evaluate-score-star1.png) no-repeat center center;
}
.evaluate-score-star2 {
    background: url(../images/evaluate-score-star2.png) no-repeat center center;
}
.evaluate-score-star3 {
    background: url(../images/evaluate-score-star3.png) no-repeat center center;
}
.evaluate-score-star4{
    background: url(../images/evaluate-score-star4.png) no-repeat center center;
}
.evaluate-score-star5{
    background: url(../images/evaluate-score-star5.png) no-repeat center center;
}


.text-active{
    color: #FFBC44!important;
}
/*彈窗公用央視*/
.popup-show{
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 999;
}
.popup-cancel{
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 999;
}
.popup-cancel2{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.4;
    filter:Alpha(opacity=40);
}
.popup-main-small{
    width: 396px;
    height: 224px;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -198px;
    margin-top: -112px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    z-index: 9999;
}
.row-button-small{
    width: 260px;
    margin: 0 auto;
    margin-top: 10px;
}
.row-button-small input{
    display: block;
    float: left;
    width: 120px;
    height: 40px;
    border: 1px solid #efefef;
    border-radius: 2px;
    font-size: 16px;
    color: #666;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
}
.row-button-small input.submit-btn{
    background: #FFC869;
    border: 1px solid #FFC869;
    margin-right: 0;
}
.whether-area{
    width: 80%;
    display: block;
    text-align: center;
    line-height: 24px;
    margin: 34px auto;
}

/*支付页面弹窗*/
.row-button-small2{
    width: 74%;
    margin: 0 auto;
    margin-top: 10px;
}
.pay-link{
    display: inline-block;
    width: 128px;
    height: 38px;
    font-size: 16px;
    color: #333;
    float: left;
    text-align: center;
    line-height: 38px;
    margin-right: 20px;
}
.pay-ok{
    background: #ffc869;
    border: 1px solid #ffc869;
    border-radius: 3px;
}
.pay-ask{
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    margin-right: 0;
}
.pay-link:hover{
    color: #333;
    cursor: pointer;
}
.go-back{
    width: 100%;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    float: left;
}
.go-back a{
    font-size: 14px;
    color: #999;
    float: right;
    margin-right: 20px;
}
.whether-area2{
    width: 74%;
    display: block;
    text-align: left;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 34px;
    margin-bottom: 20px;
    font-size: 16px;
}

/*通用弹窗*/
.warm-prompt{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.warm-prompt-shade{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    background-color: #999;
    z-index: 9999;
    opacity:0.5;
    -moz-opacity:0.5;
}

.warm-prompt-main{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999;
    width: 396px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background: #fff;
    margin-top: -111px;
    margin-left: -198px;
    padding-bottom: 30px;

}

.warm-prompt-title{
    width: 394px;
    height: 51px;
    background:#f9f9f9;
}

.warm-prompt-title span{
    font-size: 15px;
    line-height: 51px;
    padding-left: 20px;
    color: #333;
    margin: 0;
}

.warm-prompt-title i{
    display: block;
    position: absolute;
    top: 20px;
    right: 27px;
    width: 14px;
    height: 14px;
    background: url(../images/capacity-cancel-bg.png);
    background-repeat: no-repeat;
}

.warm-prompt-text{
    width: 60%;
    font-size: 15px;
    line-height: 20px;
    padding: 30px 0 30px 0;
    color: #666;
    text-align: center;
    margin: 0 auto;
}

.affirm{
    display: block;
    width: 100px;
    height: 34px;
    border: 1px solid #ffc869;
    border-radius: 2px;
    font-size: 15px;
    color: #222;
    line-height: 34px;
    text-align: center;
    background: #ffc869;
    margin: 0 auto;
}

.affirm:hover{
    color: #222;
}
.evaluate-empty {
    text-align: center;
    padding-top: 50px;
    /*padding-bottom: 500px;*/
    margin-bottom: 75px;
    background: #fff;
    margin-top: 15px;
}
.evaluate-empty-img {
    margin: 0 auto;
    width: 50px;
    height: 37px;
    background: url(../images/evaluate-empty.jpg) no-repeat center center;
}
.evaluate-empty h3 {
    margin-top: 20px;
    font-size: 14px;
    color: #999;
}

.combo-list-content {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 130px;
}
.combo-list-content li {
    float: left;
    width: 222px;
    height: 260px;
    text-align: center;
    cursor: pointer;
    margin: 0 5px;
}
.combo-list-content li a {
    display: block;
    width: 100%;
    height: 100%;
}
.combo-list-content li a img {
    width: 170px;
    height: 170px;
}
#combo-background {
    width: 100%;
    min-height: 299px;
    background: url(../images/combo-list-background.jpg) no-repeat center center;
    position: relative;
    top: -1px;
}
.combo-list-content li i {
    display: inline-block;
    width: 162px;
    height: 139px;
}
.combo-list-content li i.combo-list-NO1 {
    width: 155px;
    height: 160px;
    background: url(../images/combo-icon-no1.jpg) no-repeat center center;
}
.combo-list-NO2 {
    background: url(../images/combo-icon-no2.jpg) no-repeat center center;
}
.combo-list-NO3 {
    background: url(../images/combo-icon-no3.jpg) no-repeat center center;
}
.combo-list-NO4 {
    background: url(../images/combo-icon-no4.jpg) no-repeat center center;
}
.combo-list-content li h2 {
    margin: 10px 0 15px 0;
    font-size: 16px;
    color: #333;
}
.combo-list-content li p {
    margin: 0 ;
    font-size: 16px;
    color: #ff7b22;
}
.combo-shadow {
    box-shadow: 0 0 11px 2px #e6e6e6;
    -webkit-box-shadow: 0 0 11px 2px #e6e6e6;
    -moz-box-shadow: 0 0 11px 2px #e6e6e6;
    -o-box-shadow: 0 0 11px 2px #e6e6e6;
}
.combo-list-content li p.combo-font {
    font-size: 24px
}
.popup-renew{
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.popup-main-renew{
    width: 780px;
    height: auto;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -390px;
    margin-top: -200px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    z-index: 9999;
}
.popup-main-renew .sure-btn{
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 20px;
    margin-top: 15px;
}
.popup-main-renew .sure-btn input{
    width: 120px;
    height: 40px;
    border: none;
    outline: none;
    border-radius: 4px;
    background: #ffc869;
    font-size: 16px;
    color: #222;
    text-align: center;
    margin: 10px auto;
    display: block;
}
.popup-main-renew ul{
    width: 750px;
    height: 290px;
    margin: 10px auto;
    overflow: auto;
}
.popup-main-renew ul li{
    width: 228px;
    height: 80px;
    background: #f9f9f9;
    border: 1px solid #f9f9f9;
    float: left;
    margin: 8px;
    position: relative;
}
.renew-ul ul li.active{
    border: 1px solid #ff7b22;
    background: #fff;
}
.renew-ul ul li.active i{
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/choice-active-right.png) no-repeat center center;
}
.renew-ul ul li i{
    display: none;
}
.renew-ul ul li:hover{
    cursor: pointer;
}
.popup-main-renew ul li p{
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 26px;
    width: 96%;
    display: block;
    margin: 0 auto;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.popup-main-renew ul li p:first-child{
    margin-top: 15px;
}
.popup-title{
    width: 100%;
    height: 50px;
    background: #f9f9f9;
    margin-bottom: 20px;
}
.popup-title span{
    font-size: 17px;
    color: #333;
    line-height: 50px;
    margin-left: 30px;
}
.popup-title i{
    background: url("../images/common.png");
    background-position: -480px 0;
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 12px;
    margin-right: 7px;
}

.popup-title i:hover{
    cursor: pointer;
}
.combo-list-btn {
    position: relative;
}
.combo-list-btn i {
    position: absolute;
    top: -15px;
    left: 66px;
    display: block;
    width: 20px;
    height: 24px;
    background: url(../images/combo-name-icon.png) no-repeat center center;
}

.popup-surplus{
    width: 100%;
    height: 100%;
    display: none;
}
.surplus-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    z-index: 123456;
}
.surplus{
    width: 600px;
    height: auto;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    z-index: 123457;
}

.surplus-close{
    width: 100%;
    height: 40px;
    display: block;
}
.surplus-close i{
    width: 20px;
    display: block;
    height: 20px;
    float: right;
    margin-right: 17px;
    margin-top: 17px;
    background: url("../images/close-666-icon_03.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.surplus-close i:hover{
    cursor: pointer;
}
.surplus-title{
    width: 100%;
    height: 31px;
    display: block;
}
.surplus-title p{
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 24px;
    margin: 0;
}
.surplus-title span{
    display: block;
    width: 94px;
    height: 2px;
    background: #996c33;
    opacity: 0.3;
    filter:alpha(opacity=30);
    margin: 0 auto;
    margin-top: 5px;
}
.text-golden{
    width: 96%;
    display: block;
    margin: 0 auto;
    height: auto;
    margin-top: 24px;
}
.text-golden p{
    font-size: 16px;
    font-weight: bold;
    color: #996c33;
    text-align: center;
    margin: 0;
    line-height: 16px;
}
.text-golden-left{
    width: 100%;
    display: block;
    height: auto;
    margin-top: 20px;
}
.text-golden-left p{
    font-size: 14px;
    font-weight: bold;
    color: #996c33;
    text-align: left;
    margin: 0;
    margin-left: 28px;
    line-height: 14px;
}
.text-content1{
    width: 88%;
    display: block;
    margin: 0 auto;
    height: auto;
    margin-top: 25px;
}
.text-content1 p{
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 24px;
    margin: 0;
}
.text-title-span{
    width: 100%;
    height: 16px;
    display: block;
    margin-top: 30px;
}
.text-title-span span{
    font-size: 16px;
    color: #666;
    font-weight: bold;
    float: left;
    margin: 0;
    margin-left: 28px;
    line-height: 16px;
}
.text-content2{
    width: 100%;
    display: block;
    margin: 0 auto;
    height: auto;
    margin-top: 12px;
}
.text-content2 p{
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 30px;
    margin: 0;
    margin-left: 36px;
}
.surplus-table{
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding-bottom: 38px;
}
.surplus-table table{
    width: 542px;
    border: 1px solid #eeeeee;
    margin: 0 auto;
    border-left: none;
}
.surplus-table table tr{
    height: 40px;
    background: #fff;
}
.surplus-table table tr:first-child{
    background: #eee;
}
.surplus-table table tr td{
    font-size: 14px;
    color: #666;
    text-align: center;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}
.surplus-table table tr:first-child td:first-child{
    border-left: 1px solid #eee;
}
.surplus-table table tr:first-child td{
    border-left: 1px solid #fff;
    border-top: none;
}
.text-content3{
    width: 545px;
    display: block;
    margin: 0 auto;
    height: auto;
    margin-top: 20px;
}
.text-content3 p{
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 24px;
    margin: 0;
    text-indent: 28px;
}
.surplus-call-us{
    width: 100%;
    display: block;
    margin-top: 18px;
}
.surplus-call-us img{
    float: left;
    width: 110px;
    height: 110px;
    margin-left: 52px;
}
.text-content4{
    width: 333px;
    display: block;
    float: left;
    height: auto;
}
.text-content4 p{
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 30px;
    margin: 0;
    margin-left: 12px;
}
.text-content4 p:first-child{
    margin-top: -8px;
}

.surplus-box1{
    height: 280px;
    margin-top: -140px;
    display: none;
}
.surplus-box2{
    height: 222px;
    margin-top: -111px;
    display: none;
}
.surplus-box3{
    height: 700px;
    overflow: auto;
    margin-top: -350px;
    display: none;
}
.surplus-box4{
    height: 336px;
    margin-top: -158px;
    display: none;
}
.i-boxs .i-box:hover{
    cursor: pointer;
}
.main-col{
    color: #ffc869;
    font-weight: bold;
}

/*最新弹窗*/
.popup-reminder{
    width: 100%;
    height: 100%;
    display: none;
}
.write-bg{
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.4;
    filter:alpha(opacity=40);
    position: fixed;
    left: 0;
    top: 0;
}
.reminder{
    width: 384px;
    height: 184px;
    background: #fff;
    box-shadow:0 0 10px #999;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -92px;
    margin-left: -192px;
}
.reminder-title{
    width:100%;
    height: 48px;
    background: #3399cc;
}
.reminder-title span{
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-weight: normal;
    margin: 0;
    display: block;
}
.reminder p{
    font-size: 14px;
    color: #666;
    width: 90%;
    margin: 0 auto;
    font-weight: normal;
    text-align: center;
    margin-top: 30px;
}
.reminder input {
    width: 104px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    background: #3399cc;
    text-align: center;
    border: none;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    margin-top: 32px;
    outline: none;
}

/*sidebar*/
.sidebar-two{
    width: 70px;
    height: 220px;
    position: fixed;
    right: 0;
    /*top: 70%;*/
    bottom: 250px;
    margin-top: -110px;
    z-index: 99;
}
.sidebar-two ul{
    margin: 0;
    padding:0;
}
.sidebar-two li.side-people a{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/side-people-icon1.png) no-repeat;
	margin-bottom: 5px;
}
.sidebar-two li.side-people a:hover{
	background: url(../images/side-people-icon2.png) no-repeat;
}
.sidebar-two li.side-car{
	position: relative;
}
.sidebar-two li.side-car a{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/side-car-icon1.png) no-repeat;
	margin-bottom: 5px;
}
.sidebar-two li.side-car a:hover{
	background: url(../images/side-car-icon2.png) no-repeat;
}
.sidebar-two li a span.shopping-cart-items-count{
    width: 18px;
    height: 18px;
    background: url("../images/red-point.png");
    background-size: 100% 100%;
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}
.sidebar-two li.side-to-top{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/side-top-icon1.png) no-repeat;
	margin-bottom: 5px;
}
.sidebar-two li.side-to-top:hover{
	background: url(../images/side-top-icon2.png) no-repeat;
}

.new-header {
    padding: 20px 0;
    border-bottom: 2px solid #999;
}
.new-header-content {
    position: relative;
}
.new-header-content>span {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    margin-left: 46px;
    padding-left: 46px;
    border-left: 1px solid #999;
    font-size: 18px;
    color: #333;
}
.order-progress {
    position: absolute;
    right: 0;
    bottom: 0;
}
.order-progress ul li {
    float: left;
}
.order-progress ul li span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    background: #ccc;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.order-progress ul li.active span,.order-progress ul li.active i{
    background: #ff7b22;
}
.order-progress ul li i {
    display: inline-block;
    width: 67px;
    height: 3px;
    background: #ccc;
    position: relative;
    bottom: 3px;
}
.order-progress ul li:first-child p{
    position: relative;
    left: -33px;
}
.order-progress ul li.renew-buy-success p{
    position: relative;
    left: 33px;
}
.order-progress ul li p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.new-advantage {
    width: 100%;
    border-top: 1px solid #eee;
}
.new-advantage-content {
    padding: 34px 0;
}
.new-advantage-content ul li {
    float: left;
    width: 300px;
    padding-left: 16px;
}
.new-advantage-content ul li i {
    float: left;
    display: block;
    width: 52px;
    height: 52px;
    background: url(../images/new-advantage.png) no-repeat;
}
.new-advantage-content ul li.new-service i {
    background-position: -9px -15px;
}
.new-advantage-content ul li.new-safety i {
    background-position: -9px -80px;
}
.new-advantage-content ul li.new-sale i {
    background-position: -9px -145px;
}
.new-advantage-content ul li.new-answer i {
    background-position: -9px -216px;
}
.advantage-right {
    float: left;
    margin-left: 24px;
}
.advantage-right h3 {
    font-weight: lighter;
    font-size: 18px;
    color: #666;
    margin-top: 2px;
}
.advantage-right p {
    margin: 12px 0 0 0;
    font-size: 14px;
    color: #666;
}
.nav-list-left li{float:left;width:50%;height: 58px;}