/* CSS Document */
@charset "utf-8";
@import "//at.alicdn.com/t/font_dmh1mynifx9od2t9.css";
/* 设置基本样式、清除浏览器默认样式 */
body{font-family:Microsoft YaHei,"微软雅黑" Arial,Verdana, sans-serif, Helvetica;padding:0;background:#f9f9f9;font-size:12px;color:#373737; margin:0px;}
div,form,ul,ol,li,span,p,table,dl,dt,dd{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;display:block; border: 0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{padding:0}
table{border-collapse:collapse;border-spacing:0;}
input,select,button{ box-shadow: none; border: 1px solid #e0e0e0; box-sizing: border-box;}
input:focus, textarea:focus, select:focus { border: 1px solid #19b495 !important; outline: none;}
button:focus{ border: 0; outline: none;}
a{outline-style:none;color:#333;text-decoration:none; cursor:pointer}
a:hover{text-decoration: none; cursor:pointer}
button{border:0; cursor:pointer;}
/*公用样式*/
.fl{ float: left;}
.fr{ float: right;}
.r{ right: 0;}
.padding_t1{ padding-top: 10px;}
.mrgin_r1 {margin-right: 10px;}
.overflow{ overflow: hidden;}
.weight{ font-weight: bold;}
.next_btn { height: 36px; line-height: 36px; text-align: center; font-size: 14px;}
.next_btn > a { color: #3996FA;}
.t { width: 100% !important;}
.text-align{text-align: center !important;}
.line-height { line-height: 24px;}

.wrap{ margin: 0 50px; overflow: hidden;}
.wrap>h2{ margin: 10px 0 5px 10px; font-size: 14px; color: #535353;}
.wrap>h2>img{ margin: 4px 5px; width: 15px; float: left;}
.wrap_title{ background:url(../images/ico_title_1.gif) no-repeat; background-size: 15px; background-position: 0 4px;}
.main { width: 100%; overflow: hidden; font-size: 0; }
.main>li{ padding: 25px 15px; margin: 0 10px 16px; width: 363px; height: 46px; background: #fff; float: left; /*display: inline-block; -webkit-text-size-adjust:none;*/ position: relative; cursor: pointer;}
.main>li>img{ margin-top: 2px; width: 42px; height: 42px; float: left;}
.main_introduce{ margin: 0 10px; width: 200px; height: 46px; float: left; line-height: 22px;}
.main_introduce>h3{ font-size: 14px; font-weight: bold; color: #525455;}
.main_introduce>h3>span{ float: left;}
.main_introduce>h3>img{ margin: -9px 0 0 10px; float: left;}
.main_introduce>p, .main_score>h3{ font-size: 13px; color: #797979;}
.main_introduce>p{ width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_score{ width: 90px; height: 46px; float: right; text-align: right; line-height: 22px;}
.main_score img{ margin: 5px 0 0 5px;}
.download{ width: 103px; height: 96px; position: absolute; right: 0; top: 0; background: #32a3db; text-align: center;  display:none; color: #fff; font-size: 14px;}
.download>img{ width: 36px; height: 36px; margin: 18px auto 8px;}

/*外贸资讯*/
.news_wrap{ margin: 25px 10px 0; overflow: hidden;}
.news_wrap>li{ margin: 0 24px 25px; padding: 12px 15px; width: 363px; height: 100px; background: #fff; float: left;}
.news_wrap>li>a>h3{ margin-bottom: 15px; width: 100%; height: 66px;}
.news_wrap>li>a>h3>img{ width: 102px; height: 66px; float: left;}
.news_wrap>li>a>h3>p{ width: 235px; float: right; font-size: 16px; font-weight: bold; color: #525455; line-height: 28px;}
.news_wrap>li>a>p{ color: #7D7878;}
.news_wrap>li>a>p>img{ margin-right: 8px; width: 16px; height: 16px; float: left;}
.news_wrap>li>a>p>span, .main_score img{ float: right;}
.more{ margin-bottom: 25px; width: 100%; overflow: hidden; color: #4E9DFB; font-size: 14px; text-align: center; float: left;}

/*商品归类助手*/
.ware_wrap{ padding: 15px 10px;}
.search{ text-align: center;}
.search_input{ padding: 0 10px; width: 70%; min-width: 176px; height: 32px; line-height: 32px; border: 1px solid #e0e0e0;}
.submit, .foot_button>button{ width: 70px; height: 32px; background: #19b495; color: #fff;}
.search_details{ min-width: 350px; width: 100%; font-size: 13px; color: #4C4C4C; line-height: 20px;}
.search_data{ margin-top: 12px; width: 100%; overflow: hidden; border: 1px solid #e0e0e0; box-sizing: border-box; background: #fff;}
.search_data_title{ width: 150px; font-size: 16px; color: #1AB394;}
.search_data tr td{ padding: 4px 2px;}
.search_name{ width: 150px; line-height: 20px; text-align: right; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.search_ribht{ width: 100%;}

.search_details>li{ margin-top: 12px; padding: 10px; width: 100%; overflow: hidden; border: 1px solid #e0e0e0; box-sizing: border-box; background: #fff;}
.search_details>li>p{ width: 100%; overflow: hidden;}
.search_details>li>h3{ text-indent: 35px;}
.search_brief{ padding: 0 13px;}

/*单位换算*/
.cancel {padding: 0 10px !important;margin: 0 !important;width: auto !important;border: 1px solid #e1e1e1;background: #fff;cursor: pointer;}
.sure {background: #1cb295 !important;color: #fff;}
.center{padding-top: 15px;text-align: center !important;}
.unit_wrap { margin: 15px auto 15px; min-width: 300px; text-align: center;color: #4C4C4C;font-size: 13px;}
.unit > input, .unit > input:focus {width: 100% !important;text-align: center;border: 0 !important;}
.unit_wrap > li {margin: 5px;padding: 5px 10px;border: 2px solid #e1e1e1;background: #fff;display: inline-block;cursor: pointer;color: #808080;}
.unit_wrap > li > img{ margin: -1px 3px 0 0; width: 16px; float: left;}
.cur {background: url(/Content/images/PCUI/ioc_cur3.png) no-repeat right bottom #fff !important;border: 2px solid #1cb295 !important; color: #1cb295 !important;}
.unit_min, .fob_wrap { padding: 15px 10px; min-width: 300px;background: #fff;display: none; color: #808080;}
.unit_min > li, .fob_wrap>li { padding-top: 8px; width: 260px; height: 32px; line-height: 32px; display:inline-block;}
.unit_min > li > button{ height: 32px; line-height: 32px; background: #19b495; color: #fff; border-radius: 3px;}
.unit_min_name, .fob_min_name { width: 93px; line-height: 30px; text-align: right; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; float: left;}
.fob_min_name{ width: 180px; text-align: center;}
.foot_button { padding-top: 25px; width: 100%; overflow: hidden; text-align: center;}
.foot_button > button, .table_reset { border:1px solid #BCBCBC !important; background: #F2F2F2 !important;color:#333;}
.unit_min strong, .fob_wrap strong {width: 100%;float: left;text-align: left;height: 38px;line-height: 38px;}


.unit_min input, .unit_min select, .fob_wrap input {height: 30px;line-height: 30px;width: 105px;color: #808080;}
.unit_min input, .fob_wrap input {margin: 0 5px;padding: 0 5px;}
.unit_min table tbody tr {height: 43px;}
.unit_min table tbody tr td {font-size: 12px;text-align: right;color: #808080;}
.t tbody tr td {text-align: center;}
.unit_min_title { margin-bottom: 10px; padding: 0 10px 6px;height: 22px;line-height: 22px;border-bottom: 2px solid #ccc;color: #4b4b4b;font-size: 13px;text-align: left; font-weight: bold;}
.unit_min_title > i {margin: 1px 8px 0 0;width: 5px;height: 18px;float: left;background: #1cb295;}
.convert {padding: 0 20px;margin: 0 auto;width: 50px;height: 30px;line-height: 30px;border: 1px solid #e1e1e1;background: url(/Content/images/PCUI/ico_cut.png) no-repeat center;background-size: 20px;cursor: pointer;box-sizing: border-box;}
/*实时汇率*/
.navform { margin: 15px 0; padding: 10px;  min-width: 280px; overflow: hidden; color: #6d6d6d; background: #fff;}
.hl_search { background: white; border-radius: 5px; padding: 10px; }
.hl_search li { line-height: 40px; line-height: 40px; }
.hl_search select, .hl_search input { border: 1px solid #e0e0e0; width: 80%; height: 30px; line-height: 30px; }
.hl_button { background: #19b495; border: 0 !important; width: 100px !important; color: #fff; }

.bzhl { padding: 10px; background: white; min-height: 100px; }
.bzhl span { float: right; padding-right: 35px; }
.bzhl em { font-style: normal; }
.bzhl li { line-height: 45px; border-bottom: 1px solid #eaeaea; background: url(../../images/ic_0010.png) no-repeat center right; background-size: 20px; }
.bzhl li:last-child { border-bottom: none; }

.cxjg > ul { padding-top: 10px;}
.cxjg p { font-size: 12px; line-height: 30px; color: #999; border-top: 1px solid #dbdbdb; margin-top: 10px; }
.cxjg { padding: 10px; background: #fafafa; }
.cxjg li { line-height: 30px; font-size: 14px; }
.fromnum, .changnum { padding: 0 5px; color: #19b495; font-weight: 600;}

/*fob价格计算器*/
.fob_wrap{ margin: 15px auto; text-align: center;}
.fob_wrap > li { height: 110px; overflow: hidden; }
.fob_wrap>div>p{ text-align: left;}
.table_button {padding: 15px 0;width: 100%;overflow: hidden;text-align: center;}
.table_button button { margin: 0 5px; padding: 0 20px;height: 32px;line-height: 30px;border: 0;background: #fff;display: inline-block;}
.fob_result, .fob_result:focus{ margin: 15px auto 10px !important; width: 100% !important; text-align: center; border: 0 !important; font-size: 16px; font-weight: 600;zoom: 1;overflow: hidden;}
.fob_value { width: 180px;}
.fob_statement{ width: 100%; text-align: center; float: left; color: #32a3db;}
.fob_note{ text-align: left;}
.fob_note>i{ margin-top: 11px; width: 5px; height: 5px; float: left; background: #4c4c4c; border-radius: 50%;}
.fob_note>p{ margin-left: 20px;}
.fob_wrap input{ width: 100%; float: left;}
@media screen and (min-width: 300px) {
    .fob_wrap > li{ width: 130px; height: 85px;}
}
@media screen and (min-width: 500px) {
    .fob_min_name, .fob_value, .fob_statement { width: 100%; text-align: center;}
    .fob_wrap > li{ width: 200px;}
}
@media screen and (min-width: 800px) {
    .fob_wrap > li{ width: 190px;}
}

/*在线咨询-外贸工具*/
.advice_left{ margin-right: 0px; height: inherit;}
/*.advice_left{ margin-right: 33px; height: inherit;}*/
.advice_left>h2, .advice_right>li, .advice_neir_title{ font-size: 14px; color: #555; font-weight: 600;}
.advice_left>h2{ padding: 5px 10px; height: 22px; line-height: 22px; background: #f4f4f5;}
.advice_left>h2>a:hover{ color: #5e5c5c;}
.create_posts{ padding: 0 10px; cursor: pointer; font-weight: normal; line-height: 18px;float: right; color: #5e5c5c; background: #e0dcdc; border: 1px solid #979797;}
.advice_right{ width: 32px; height: 100%; background: #eee; border-left: 1px solid #e0e0e0; position: absolute; right: 0; top: 0;}
.advice_right>li{ padding: 20px 6px; width: 20px; text-align: center; border-bottom: 1px solid #e0e0e0; }
.advice_list, .post_wrap{ padding: 10px 10px 0; overflow: hidden; box-sizing: border-box;}
.advice_list>li{ margin-bottom: 10px; width: 100%; overflow: hidden; border: 1px solid #e0e0e0; box-sizing: border-box; color: #888;}
.advice_post{ padding: 10px; min-height: 90px; background: #f2f2f2; position: relative;}
.advice_name { width: 70px; overflow: hidden; text-align: center; line-height: 20px; position: absolute;}
.advice_name>img{ margin: 0 auto; width: 45px; height: 45px; border-radius: 50%;}
.advice_name>p{ width: 100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.advice_block{ margin-right: 80px;}
.advice_reply_block{ background: #e3f1ad !important;}
.advice_neir{ margin-left: 80px;}
.advice_neir_title{ width: 100%; line-height: 20px;word-wrap:break-word; }
.advice_smallImg img { max-height:20px;width:auto;}
.advice_neir_title>img, .chat_reply_block>p>img{ display:initial;}
.advice_neir_img{ width: 100%; overflow: hidden;}
.advice_neir_img>img{ padding: 10px 5px 0; max-width: 75px; box-sizing: border-box; float: left;_width:expression(this.width > 300 ? "300px" : this.width);}
.advice_neir_ico { padding-top: 10px; width: 100%; overflow: hidden;}
.advice_neir_ico>p{ margin: 4px 10px 0 0;}
.advice_neir_ico>p>i{ margin-right: 5px; font-size: 18px;}
.advice_neir_ico a{ margin-left: 6px; padding: 0 7px; height: 26px; line-height: 26px; float: left; color: #fff; background: #49a8f8; border-radius: 3px;}

/*聊天记录*/
#record{ overflow: auto; padding: 10px 0; box-sizing: border-box;}
#post_list{ overflow: auto;}
.chat_log{ overflow: hidden; position: relative;}
.chat_reply, .chat_problem{ margin: 0 10px; padding: 10px 0; overflow: hidden; min-height: 95px; position: relative;}
.chat_reply_block{ padding: 5px; background: #d9f4fe; box-sizing: border-box; border-radius: 3px;}
.chat_reply_block>p{ color: #666;}
.chat_reply_time{ height: 30px; line-height: 30px; text-align: left;}
.chat_input{ padding: 10px; border-top: 1px solid #e0e0e0; background: #fdfdfd;}
.chat_publish { width: 100%; margin-top: 10px; overflow: hidden; font-size: 14px; color: #bbb; }
.chat_publish>p>a { width: 30px; height: 25px; display: block; float: left; font-size: 30px; color: #bbb; }
.chat_publish .pic2 { padding: 5px 10px 0 0; }
.chat_publish>p>a:hover { color: #00c0ff;}
.chat_input>textarea, .post_wrap>textarea{ padding: 3px; width: 100%; box-sizing: border-box; resize: none;     border: 1px solid #eee;}
.chat_publish > button, .post_wrap > button { float: right; padding: 8px 12px; background: #49a8f8; color: #fff; border-radius: 3px;}
.upload_img{ padding-top: 5px; width: 31px; height: 24px; position: relative; cursor: pointer;}
.upload_img>i{ font-size: 26px;}
.upload_img >input{ width: 31px; height: 24px; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; top: 0; z-index: 2;}
.imgitemcontainer{margin: 5px 10px 0 0; width: auto; height: 24px; position: relative; float: left;}
.imgitemcontainer>img{ width: 31px; height: 24px; border-radius: 3px;}
.imgitemcontainer>a{width: 10px; height: 10px; background: url(/Content/images/PCUI/close.gif) no-repeat; position: absolute; top: -3px; right: -3px; background-size: 10px 10px;}
/**表情图片样式**/
.look { width: 320px; overflow: hidden; left: 10px !important; background: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; z-index: 10; border: 1px solid #e5e5e4; box-sizing: border-box; }
.look_tit { width: 310px; padding-left: 10px; height: 40px; line-height: 40px; background: #e5e5e4; }
    .look_tit h3 { float: left; margin-right: 10px; font-size: 15px; font-weight: 400; }
    .look_tit li { padding: 9px 10px 0; float: left; width: 24px; height: 31px; cursor: pointer; text-align: center; }
    .look_tit .thistab { background: #fff; }
    .look_tit img { height: 24px; }
.look_btn { text-align: center; padding: 10px 0; background: #e5e5e4; }
    .look_btn input { width: 110px; height: 30px; color: #fff; cursor: pointer; font-size: 14px; background: #00c0ff; border: none; }
#tab_conbox { text-align: center; padding: 10px 0; width: 320px; max-height: 218px; overflow: auto;}
.tab_con { display: none; margin: 0 auto; width: 301px; overflow: hidden; border-bottom: 1px solid #d3e4f0; border-right: 1px solid #d3e4f0; }
    .tab_con p { width: 24px; height: 30px; background: #f6fbfe; border-left: 1px solid #d3e4f0; border-top: 1px solid #d3e4f0; float: left; text-align: center; }
        .tab_con p img { height: 22px; margin-top: 3px; overflow: hidden; }
    .tab_con b { width: 42px; height: 40px; background: #f6fbfe; border-left: 1px solid #d3e4f0; border-top: 1px solid #d3e4f0; float: left; text-align: center; }
        .tab_con b img { height: 30px; margin: 5px auto; overflow: hidden; }
/*创建新帖*/
.post_wrap{ display: none;}