/* 
 * PC端首页样式文件
 * lihd 2017-01-11
 */
.indiana_title { padding-left: 10px; width: 100%; font-size: 16px; line-height: 24px; border-left: 6px solid #0292d9; box-sizing: border-box; }
    .indiana_title > span { font-size: 12px; color: #0292d9; cursor: pointer; }
        .indiana_title > span:hover { color: #f60; }
.indiana { margin-top: 10px; padding-left: 1px; padding-top: 1px; overflow:hidden;}
    .indiana > li { width: 244px; margin-left: -1px; margin-top: -1px; border: 1px solid #ddd; float: left; height: 270px; padding: 10px; position: relative; background: #fff; cursor: pointer; box-sizing: border-box; }
        .indiana > li:hover { border: 1px solid #0292d9; z-index: 1; }
.indiana { margin-bottom: 0; }
    .indiana .indiana_block { margin: 8px 0; width: 100%; display: block; font-size: 14px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .indiana span img { height: 150px; }
    .indiana .indiana_progressbox { margin-top: 10px; width: 100%; font-size: 12px; overflow: hidden; }
.indiana_progressbox dt.barline { width: 100%; background: #d2d2d2; height: 4px; overflow: hidden; display: inline; border-radius: 2px; }
.indiana_progressbox dt { margin-bottom: 3px; float: left; }
    .indiana_progressbox dt.barline div.charts { height: 4px; overflow: hidden; background: #ff5842; border-radius: 2px; }
.indiana_progressbox dd > span { width: 73px; float: left; color: #bbb!important; line-height: 16px; }
.indiana_progressbox dd > span { width: 73px; float: left; color: #bbb!important; line-height: 16px; }
.indiana_progressbox dd > span { width: 73px; float: left; color: #bbb!important; line-height: 16px; }
.indiana_progressbox em { font-style: normal; display: block; }
.indiana_progressbox .indiana1 em { color: #f60; }
.indiana_progressbox .indiana2 { text-align: center; }
    .indiana_progressbox .indiana2 em { color: #666; }
.indiana_progressbox .indiana3 { text-align: right; }
    .indiana_progressbox .indiana3 em { color: #2af; }

.card_wap { margin-top: 10px; padding: 15px 30px; overflow: hidden; border: 1px solid #ddd; background: #fff; box-sizing: border-box; }
    .card_wap > li { margin: 15px 0; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; }
        .card_wap > li > h2 { font-size: 18px; font-weight: normal; cursor: pointer; }
        .card_wap > li > img { margin: 15px 0; width: 100%; cursor: pointer; }
.card_introduce { max-height: 25px; line-height: 25px; color: #999; overflow: hidden; cursor: pointer; }
    .card_introduce .card_introduce_text { max-width: 616px; display: inline-block; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; }
.card_introduce_text img { height: 20px; width: 20px; }
.card_introduce > .a_lock { color: #0292d9; }
    .card_introduce > .a_lock:hover { color: #f60; }
.card_introduce_text .redirect_em { color: blue; }
.card_introduce_text em { font-style: normal; }
.card_bottom { margin-top: 10px; width: 100%; line-height: 26px; overflow: hidden; color: #999; }
    .card_bottom .card_username { color: #0292d9; cursor: pointer; }
    .card_bottom > img { width: 26px; height: 26px; border-radius: 50%; float: left; cursor: pointer; }
    .card_bottom > span, .card_right { float: left; margin-left: 10px; }
    .card_bottom .i_level { margin-top: 6px; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin-left: 3px; background-color: transparent; vertical-align: middle; }
    .card_bottom .i_roles { margin-top: 4px; background-repeat: no-repeat; background-position: center; width: 41px; height: 18px; display: inline-block; margin-left: 3px; background-color: transparent; vertical-align: middle; }

.card_right { margin-left: 30px; line-height: 20px; cursor: pointer; }
    .card_right > img { margin: -4px 5px 0 0; width: 15px; vertical-align: middle; }

.right_wrap, .right_sign { margin-bottom: 10px; width: 100%; float: left; }
.right_post { cursor: pointer; width: 100%; line-height: 38px; text-align: center; background: #ff6c4a; color: #fff; display: block; font-weight: bold; background: url(/Content/images/PCUI/ioc_index_06.png) no-repeat #ff6c4a 70px 11px / 15px auto; margin-top: 10px; float: left; }
.right_indiana { background: url(/Content/images/PCUI/ioc_index_07.png) no-repeat #3abcd4 70px 11px / 15px auto; }
.right_sign { margin-top: 10px; box-sizing: border-box; overflow: hidden; }
    .right_sign > li { width: 50%; height: 38px; line-height: 38px; color: #fff; float: left; }
.right_sign_l { text-indent: 50px; background: url(/Content/images/PCUI/ioc_index_03.png) no-repeat #76c3af 10px 7px / 25px auto; font-weight: bold; font-size: 16px; cursor: pointer; }
.right_sign_r { background: #85d2be; }
    .right_sign_r > i { margin: 10px 8px 0; width: 18px; height: 18px; background: url(/Content/images/PCUI/ioc_index_02.png) no-repeat 0 / 18px; float: left; }
.right_wrap > h2 { padding: 10px; font-size: 14px; background: #fafafa; border-bottom: 1px solid #ddd; }
.right_content { padding: 10px; }
    .right_content > img { width: 100%; cursor: pointer; }
.right_content_fff, .trade_tool { background-color: #Fff; }
.right_circle { margin-top: 15px; overflow: hidden;cursor:pointer; }
    .right_circle img { width: 57px; height: 57px; float: left; }
.right_circle_info { width: 160px; }
    .right_circle_info h2 { margin: 5px 0; font-size: 14px; color: #333; font-weight: normal; }
.right_circle_l, .right_circle_r { width: 50%; height: 30px; line-height: 30px; text-indent: 18px; background: url(/Content/images/PCUI/ioc_index_01.png) no-repeat 0 10px / 10px auto; }
.right_circle_r { background: url(/Content/images/PCUI/ioc_index_04.png) no-repeat 0 7px / 15px auto; }

.right_sign_wrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 16; visibility: visible; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000; }
.right_sign_address { padding-bottom: 15px; width: 500px; overflow: hidden; border-radius: 5px; background: #fff; z-index: 17; position: fixed; left: 30%; top: 20%; }
    .right_sign_address > h2 { font-weight: normal; height: 50px; text-align: center; padding: 0 10px; font-size: 16px; color: #333; line-height: 50px; margin-bottom: 10px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
        .right_sign_address > h2 > span { color: #ff6c4a; padding: 0 5px; }
.right_sign_close { margin-top: 8px; width: 20px; height: 20px; cursor: pointer; background: url(/Content/images/close.png) no-repeat; }
.sign_calendar { padding: 10px; overflow: hidden; }
.right_sign_title, .right_sign_date { width: 100%; overflow: hidden; line-height: 30px; background: #ffeded; }
    .right_sign_title > li, .right_sign_date li { width: 14.2%; line-height: 30px; float: left; text-align: center; font-size: 12px; }
    .right_sign_title > li { color: #f63156; }
.right_sign_date { margin-bottom: 10px; background-color: inherit !important; }
.sign_pitch { font-weight: 600; background: url(/Content/images/sign.png) center bottom no-repeat; }
.right_sign_date li { color: #000; }
.sign_month { color: #999 !important; }
.right_older { background: url(/Content/images/PCUI/ioc_index_08.png) no-repeat #ff6c4a 70px 12px / 15px auto; }

/*****外贸工具*****/
.trade_tool > a { display: block; line-height: 34px; color: #333; border-bottom: 1px dashed #f1f1f1;}
    .trade_tool > a > img { padding: 5px 10px 0 5px; height: 23px; float: left;}