/*
	[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
#msgs{z-index:1000;position:absolute;width:150px;margin:-42px auto 0 96px;background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
.login-show {width:400px;min-height:200px;float:left;}
.login-main {width:360px;background:#FFFFFF;border:#E5E5E5 1px solid;margin:0 28px;border-radius:10px;float:left;}
.login-head {height:50px;overflow:hidden;}
.login-head ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.login-head li {float:left;width:120px;height:48px;line-height:48px;text-align:center;font-size:16px;border-bottom:#E5E5E5 2px solid;}
.login-head a {display:block;width:100%;height:48px;}
.login-head li:hover {border-bottom:#666666 2px solid;}
.login-head .on,.login-head .on:hover {border-bottom:#ff9900 2px solid;font-weight:bold;}
.login-body {padding-bottom:20px;}
.login-body div {padding:30px 30px 0 30px;font-size:14px;}
.login-oauth {border-top:#E5E5E5 1px solid;text-align:center;margin-top:20px;}
.login-oauth img {width:24px;height:24px;padding:8px;}
.login-oauth img:hover {background:#E5E5E5;}
.login-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.input-captcha {background:url('image/input-captcha.png') no-repeat 8px center;width:100px;margin-right:10px;}
.input-question {background:url('image/input-question.png') no-repeat 8px center;width:260px;}
.input-user {background:url('image/input-username.png') no-repeat 8px center;width:260px;}
.input-pass {background:url('image/input-password.png') no-repeat 8px center;width:260px;}
.input-mob {background:url('image/input-mobile.png') no-repeat 8px center;width:260px;}
.input-mail {background:url('image/input-mail.png') no-repeat 8px center;width:260px;}
.input-text {background:url('image/input-text.png') no-repeat 8px center;width:260px;}
.input-code {background:url('image/input-password.png') no-repeat 8px center;width:100px;}

.reg-main {width:900px;margin:0 auto;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li {display:inline;float:left;width:240px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px solid;color:#9999B2;}
.reg-step li i {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on {border-bottom:#ff9900 2px solid;color:#ff9900;color:#333333;}
.reg-step .on i {background:url('image/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b {background:url('image/reg-step.png') no-repeat 0 -72px;}
.reg-tb {width:700px;margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {width:120px;text-align:right;}
.reg-tb .tr {width:330px;}
.reg-inp {width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.tips {position:absolute;z-index:100;width:300px;background:url('image/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('image/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}

/* common */
.m {margin:auto;width:1220px;clear:both;}

.m0 {width:100%;background:#F5F5F5;overflow:hidden;}
.m0 .m {background:#F5F5F5;}

.m1 {}
.m1l {width:960px;float:left;background:#FFFFFF;}
.m1r {width:250px;float:right;background:#FFFFFF;}

.m2 {}
.m2l {width:960px;float:left;background:#FFFFFF;}
.m2r {width:250px;float:right;background:#FFFFFF;}

.m3 {}
.m3l {width:880px;float:left;background:#FFFFFF;}
.m3r {width:330px;float:right;background:#FFFFFF;}

.list-thumb {padding:10px;overflow:hidden;}
.list-thumb img {border:#EEEEEE 1px solid;padding:2px;}
.list-thumb li {height:48px;line-height:24px;overflow:hidden;padding:10px;text-align:left;}
.list-thumb td {text-align:center;}
.list-thumb td:hover {background:#F5F5F5;}

.list-img {overflow:hidden;padding:10px 0 0 20px;}
.list-img ul {margin:10px 24px 16px 6px;}
.list-img li {height:48px;line-height:24px;overflow:hidden;font-size:14px;}
.list-img p {margin:10px 10px 0 6px;}

.list0 {overflow:hidden;}
.list0 div {width:200px;float:left;}
.list0 img:hover {border-left:#FFFFFF 1px solid;}

.list1 {overflow:hidden;padding-top:20px;}
.list1 div {width:188px;float:left;}
.list1 img:hover {border-left:#FFFFFF 1px solid;}

.list-txt {padding:0 16px;}
.list-txt li {height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('image/li_dot.gif') no-repeat 4px center;padding-left:16px;}
.list-txt em {font-size:12px;color:#666666;padding-left:16px;font-style:normal;float:right;}
.list-txt .f_r {font-size:12px;color:#666666;padding-left:16px;}

.list-rank {padding:0 16px;}
.list-rank li {height:32px;line-height:32px;font-size:14px;padding:0 6px;overflow:hidden;}
.list-rank .f_r {float:right;font-size:12px;color:#666666;padding-left:16px;}
.list-rank em {font-size:26px;font-style:normal;color:#F34540;padding-right:10px;font-family:Georgia;}
.list-rank i {font-size:18px;font-style:normal;color:#999999;padding-right:14px;font-family:Georgia;}

.list-cate {padding:10px 20px;}
.list-cate:after {content:"";display:block;clear:both;}
.list-cate td {width:400px;font-size:14px;padding:10px 10px 20px 10px;}
.list-cate td:hover {background:#F5F5F5;border-radius:10px;}
.list-cate p {margin:0 0 10px 0;}
.list-cate li {float:left;line-height:32px;}
.list-cate em {font-style:normal;color:#EEEEEE;padding:0 10px;}
.list-cate i {font-style:normal;color:#EEEEEE;padding:0 10px;}

.side ul {margin:10px;}
.side em {font-size:12px;font-style:normal;color:#999999;}
.side a {width:90%;display:block;font-size:16px;}
.side input {width:140px;border:#EEEEEE 1px solid;border-radius:8px;padding:8px 8px 8px 26px;font-size:14px;background:#FFFFFF url('{DT_SKIN}image/icon-search16.png') no-repeat 6px center;outline:none;margin:16px 16px 16px 32px;}
.side input:hover {width:180px;}
.side_li {line-height:48px;height:48px;padding-left:32px;overflow:hidden;}
.side_li:hover {background:#F2F2F2;border-radius:10px;}
.side_on {line-height:48px;height:48px;background:#F5F5F5;padding-left:32px;overflow:hidden;border-radius:10px;}
.list-cate2 {padding:0 10px;overflow:hidden;}
.list-cate2 li {width:116px;padding:0 16px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.list-cate2 li:hover {background:#F5F5F5;border-radius:6px;}
.list-cate2 i {font-size:12px;font-style:normal;color:#666666;padding-left:6px;}

.list-area {width:860px;padding:10px 0 10px 20px;overflow:hidden;}
.list-area li {width:100px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;border:#EEEEEE 1px solid;margin:0 20px 20px 0;border-radius:6px;}
.list-area li:hover {border:#FF6600 1px solid;}

.list-area4 {padding:0 10px;overflow:hidden;}
.list-area4 li {width:25%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;}
.list-area4 li:hover {background:#F5F5F5;border-radius:6px;}

.btn,.btn-green,.btn-blue,.btn-red {color:#FFFFFF;font-size:14px;width:300px;line-height:32px;border:none;border-radius:4px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;}
.btn{background:#FFFFFF;border:#EEEEEE 1px solid;color:#333333;}
.btn:hover{background:#D9D9D9;border:#CDCDCD 1px solid;}
.btn-green{background:#1AAD19;border:#18A117 1px solid;color:#FFFFFF;}
.btn-green:hover{background:#179B16;border:#159014 1px solid;}
.btn-blue{background:#ff9900;border:#ff9900 1px solid;color:#FFFFFF;}
.btn-blue:hover{background:#ff9900;}
.btn-red{background:#F8F8F8;border:#C6C6C6 1px solid;}
.btn-red:hover{background:#CE3C39;border:#BF3835 1px solid;color:#FFFFFF;}

.tb {background: #ffffff;}
.tb th {font-size: 20px;}
.tb td {font-size: 16px;}
.tb th {background: #ffffff;}
.tb tr{border: 1px solid #eee;}