@charset "UTF-8";

/**
 * @author lizhigang
 */

/* 全局样式 */
html,body { height: 100%;}
body { background-color: #ffffff; font-family:Arial,sans-serif;min-width: 1000px;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999; -webkit-transition: color.5s; transition: color.5s;} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder { color: #c2c2c2; -webkit-transition: color.5s; transition: color.5s;}
a, input { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}

/* 外部容器 */
.container-fluid { padding: 0;position: fixed;z-index:999;width:100%;}

.top-bar { background-color: #061d3e;}
.top-bar .content { width: 1000px; margin: 0 auto; padding: 7px 0;}
.top-bar .menu { float: left; height: 16px;}
.top-bar .menu ul { margin: 0; padding: 0; letter-spacing: -3px; font-size: 0;}
.top-bar .menu li { display: inline-block; *display: inline; zoom: 1; border-right: #384a65 solid 1px; letter-spacing: normal; line-height: 16px; height: 16px;}
.top-bar .menu li.last { border-right: none;}
.top-bar .menu li a { padding: 0 25px; line-height: 16px; color: #fff; font-size: 12px;}
.top-bar .menu li a:hover { text-decoration: none;}
.top-bar .menu  b{ color:#4699ff;}
.top-bar .user-area { float: right; font-size: 12px; line-height: 16px;}
.top-bar .user-area .user-id { color: #fff;}
.top-bar .user-area .user-id em { color: #ff4200; font-style: normal;}
.top-bar .user-area a { padding: 0 9px !important;  color: #fff; font-size: 12px; text-decoration: none;}
.top-bar .user-area .message { position: relative;}
.top-bar .user-area .message .new { position: absolute; right: -1px; top: -2px; width: 7px; height: 7px; line-height: 0; background-color: #d7000f; font-size: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.top-bar .user-area .quit { border-left: #384a65 solid 1px; margin-left: 13px; padding-left: 13px;}
.top-bar .user-area .iconfont { margin-right: 3px;}

/* 页头部分 */
.header { background-color: #ffffff;}
.header .logo-area { width: 1000px; margin: 0 auto; padding: 18px 0;}
.header .logo-area h1 { margin: 0; width: 247px; height: 39px;}
.header .logo-area h1 a { display: block; height: 100%; background: url(../images/logoen.png) no-repeat; text-indent: -10000px;}
.header .top-nav { border-top: #e1e1e1 solid 1px; height: 40px; border-bottom: #e1e1e1 solid 1px;background: #fafafa;}
.header .top-nav .menu { width: 1000px; margin: 0 auto; background: url(../images/nav_line.jpg) no-repeat left center;}
.header .top-nav ul { margin: 0; height: 100%; letter-spacing: -3px; font-size: 0;}
.header .top-nav li { display: inline-block; *display: inline; zoom: 1; margin: 0; height: 100%; letter-spacing: normal;}
.header .top-nav li a { display: block; height: 38px; padding: 0 35px; line-height: 40px; background: url(../images/nav_line.jpg) no-repeat right center; color: #323232; font-size: 14px; text-decoration: none;}
.header .top-nav li a:hover,
.header .top-nav li.active a { border-bottom: #5a99e0 solid 3px; color: #5a99e0;}
.header .user-area { float: right; border-left: #1b3a68 solid 1px; margin-top: 15px; padding-left: 20px; height: 30px; line-height: 30px;}
.header .user-area .user-id { color: #fff;}
.header .user-area .user-id em { color: #ff4200;}
.header .user-area a { margin-left: 10px; color: #fff; text-decoration: none;}
.header .user-area .quit { margin-left: 18px;}
.header .user-area .iconfont { margin-right: 3px; font-size: 14px;}

/* 页面中部 */
.main {    position: relative; width: 1000px; margin: 0 auto;}
.main .main-content { overflow: hidden; width: 800px;}
.print-box .main-content { border: none;}
.main .full-width { width: 100%;}
.content-box { border: #e1e1e1 solid 1px; background-color: #fff;}
.content-box .title { overflow: hidden; position: relative; border-bottom: #e1e1e1 solid 1px; height: 45px;}
.content-box .title h2 { float: left; border-left: #ff4200 solid 5px; margin: 10px 0 0 0; height: 24px; padding-left: 15px; line-height: 24px; font-size: 16px;}
.content-box .title .btn-close { position: absolute; right: 0; top: 0; width: 30px; height: 100%; line-height: 44px; text-align: center; cursor: pointer;}
.content-box .title .btn-close a { text-decoration: none; color: #586f78;}
.content-box .title .btn-group { float: right; margin: 7px 24px 0 0;}

/* 通用报告样式 */
.item { display: block; overflow: hidden; color: #969696; text-decoration: none;}
.item .photo { overflow: hidden;}
.item .photo a { display: block; height: 100%;}
.item .photo img { width: 100%; vertical-align: middle;}
.item .info { margin-left: 20px; width: 618px;}
.item .info h3 { margin: 0 0 15px 0;}
.item .info h3 a { color: #323232; font-size: 16px; text-decoration: none;}
.item .info p { overflow: hidden; margin: 0; height: 52px; line-height: 26px;}
.item .info .buy-box { overflow: hidden; display: block; margin-top: 11px; width: 100%;}
.item .info .value strong { margin-right: 5px; line-height: 34px; color: #ff4200; font-size: 26px;}
.min-height-index { min-height: 757px;}
.min-height { min-height: 871px;}
.del-item { display: block; margin-top: 5px; color: #b1b1b1; text-align: center; text-decoration: underline;}
.lyrow .new_group { margin-bottom: 10px;}

/* 侧边栏 */
.main .side { overflow: hidden; width: 185px;}
.main .side .buy-process .photo img { width: 100%;}

/* 选项卡模块 */
.tab-box .tab-menu { height: 44px; background: url(../images/line_01.jpg) repeat-x left bottom;}
.tab-box .tab-menu ul { margin: 0; height: 100%; letter-spacing: -3px; font-size: 0;}
.tab-box .tab-menu li { display: inline-block; *display: inline; *zoom: 1; height: 100%; padding: 0 19px; line-height: 44px; color: #909090; font-size: 14px; letter-spacing: normal; cursor: pointer;}
.tab-box .tab-menu li.active { border-bottom: #5a99e0 solid 3px; color: #5A99E0;}
.tab-box .tab-content .tab-inner { display: none;}

/* 按钮 - 立即购买 */
.btn-buy { border-color: #ff4200; background-color: #ff4200; color: #fff;}
.btn-buy:focus,
.btn-buy.focus { border-color: #e34a14; background-color: #e34a14; color: #fff;}
.btn-buy:hover { border-color: #e34a14; background-color: #e34a14; color: #fff;}
.btn-buy:active,
.btn-buy.active,
.open > .dropdown-toggle.btn-buy { border-color: #e34a14; background-color: #e34a14; color: #fff;}
.btn-buy:active:hover,
.btn-buy.active:hover,
.open > .dropdown-toggle.btn-buy:hover,
.btn-buy:active:focus,
.btn-buy.active:focus,
.open > .dropdown-toggle.btn-buy:focus,
.btn-buy:active.focus,
.btn-buy.active.focus,
.open > .dropdown-toggle.btn-buy.focus { border-color: #e34a14; background-color: #e34a14; color: #fff;}
.btn-buy:active,
.btn-buy.active,
.open > .dropdown-toggle.btn-buy { background-image: none;}
.btn-buy.disabled,
.btn-buy[disabled],
fieldset[disabled] .btn-buy,
.btn-buy.disabled:hover,
.btn-buy[disabled]:hover,
fieldset[disabled] .btn-buy:hover,
.btn-buy.disabled:focus,
.btn-buy[disabled]:focus,
fieldset[disabled] .btn-buy:focus,
.btn-buy.disabled.focus,
.btn-buy[disabled].focus,
fieldset[disabled] .btn-buy.focus,
.btn-buy.disabled:active,
.btn-buy[disabled]:active,
fieldset[disabled] .btn-buy:active,
.btn-buy.disabled.active,
.btn-buy[disabled].active,
fieldset[disabled] .btn-buy.active { background-color: #d9534f; border-color: #d43f3a;}

/* 按钮 - 预览报告 */
.btn-preview { border-color: #5a99e0; background-color: #5a99e0; color: #fff;}
.btn-preview:focus,
.btn-preview.focus { border-color: #377fd1; background-color: #377fd1; color: #fff;}
.btn-preview:hover { border-color: #377fd1; background-color: #377fd1; color: #fff;}
.btn-preview:active,
.btn-preview.active,
.open > .dropdown-toggle.btn-preview { border-color: #377fd1; background-color: #377fd1; color: #fff;}
.btn-preview:active:hover,
.btn-preview.active:hover,
.open > .dropdown-toggle.btn-preview:hover,
.btn-preview:active:focus,
.btn-preview.active:focus,
.open > .dropdown-toggle.btn-preview:focus,
.btn-preview:active.focus,
.btn-preview.active.focus,
.open > .dropdown-toggle.btn-preview.focus { border-color: #377fd1; background-color: #377fd1; color: #fff;}
.btn-preview:active,
.btn-preview.active,
.open > .dropdown-toggle.btn-preview { background-image: none;}
.btn-preview.disabled,
.btn-preview[disabled],
fieldset[disabled] .btn-preview,
.btn-preview.disabled:hover,
.btn-preview[disabled]:hover,
fieldset[disabled] .btn-preview:hover,
.btn-preview.disabled:focus,
.btn-preview[disabled]:focus,
fieldset[disabled] .btn-preview:focus,
.btn-preview.disabled.focus,
.btn-preview[disabled].focus,
fieldset[disabled] .btn-preview.focus,
.btn-preview.disabled:active,
.btn-preview[disabled]:active,
fieldset[disabled] .btn-preview:active,
.btn-preview.disabled.active,
.btn-preview[disabled].active,
fieldset[disabled] .btn-preview.active { background-color: #377fd1; border-color: #377fd1;}

/* 按钮 - 查看报告 */
.btn-check { border-color: #0cb951; background-color: #0cb951; color: #fff;}
.btn-check:focus,
.btn-check.focus { border-color: #07ab49; background-color: #07ab49; color: #fff;}
.btn-check:hover { border-color: #07ab49; background-color: #07ab49; color: #fff;}
.btn-check:active,
.btn-check.active,
.open > .dropdown-toggle.btn-check { border-color: #07ab49; background-color: #07ab49; color: #fff;}
.btn-check:active:hover,
.btn-check.active:hover,
.open > .dropdown-toggle.btn-check:hover,
.btn-check:active:focus,
.btn-check.active:focus,
.open > .dropdown-toggle.btn-check:focus,
.btn-check:active.focus,
.btn-check.active.focus,
.open > .dropdown-toggle.btn-check.focus { border-color: #07ab49; background-color: #07ab49; color: #fff;}
.btn-check:active,
.btn-check.active,
.open > .dropdown-toggle.btn-check { background-image: none;}
.btn-check.disabled,
.btn-check[disabled],
fieldset[disabled] .btn-check,
.btn-check.disabled:hover,
.btn-check[disabled]:hover,
fieldset[disabled] .btn-check:hover,
.btn-check.disabled:focus,
.btn-check[disabled]:focus,
fieldset[disabled] .btn-check:focus,
.btn-check.disabled.focus,
.btn-check[disabled].focus,
fieldset[disabled] .btn-check.focus,
.btn-check.disabled:active,
.btn-check[disabled]:active,
fieldset[disabled] .btn-check:active,
.btn-check.disabled.active,
.btn-check[disabled].active,
fieldset[disabled] .btn-check.active { background-color: #07ab49; border-color: #07ab49;}

/* 页脚部分 */
.footer { position: relative; z-index: 2; margin-top: 17px; width: 100%; }
.footer small { display: block; margin: 0; padding: 10px 0; color: #fff; text-align: center;}
.pos-abs { position: absolute; left: 0; bottom: 0; width: 100%;}
.pos-fixed { position: fixed; top: 20px; margin-left: 815px;}

/* 字体图标 */
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.icon-success2 { color: #0cb951;}
.icon-close { font-size: 12px;}
.icon-warning { margin-right: 10px; color: red; font-size: 30px;}
.icon-home { margin-right: 5px; font-size: 14px;}
.icon-message { color: #fff; font-size: 16px;}
.icon-quit { font-size: 14px;}

/* 报告预览页样式修正 */
.remove,
.bgpic,
.drag,
.preview { display: none;}
.lyrow { margin: 20px 0;}
/*.view h1,
.view h2 { line-height: 1; color: #005982; font-family: "microsoft yahei", Helvetica; font-size: 18px; font-weight: bold;}
.view h1 { text-indent: 1em;}
.view h3 { border-bottom: 1px #F8AC82 solid; line-height: 28px; color: #F69662; font-size: 14px; text-align: center}
.view h4{ font-size: 22px; color: #666; line-height: 40px}
.view h5{ font-size: 18px; color: #F58344; line-height: 32px}
.view h6{ font-size: 14px; color: #F58344; line-height: 28px}
.new_content { line-height: 2;}
.new_content span { display: inline; text-indent: 0;}
.new_content img { max-width: 100%;}
.new_title { font-size: 14px; font-weight: bold;}
.new_date { color: #999; font-size: 12px;}
.view table { width: 100%;}
.view th { padding: 8px 5px; line-height: 28px; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center;}
.view td { padding: 8px 5px; line-height: 24px; font-size: 14px; text-align: center;}
.table-title { line-height: 45px; font-size: 18px; font-weight: bold; text-align: center;}
.update-time { display: block; margin-top: 10px; color: #999999; font-size: 12px; text-align: left;width: 100%;float: left;}*/
.csstab_date{float:right; display: block; color: #999999;text-align: right;line-height: 20px; }
.editc { display: none;}
.unfold { display: none;}

/*默认*/
.tab_div table{ border-bottom: solid 2px #F58345;}
.tab_div th{ background-color: #F58345; color: #ffffff;}
.tab_bg{ background-color: #FDE5D6;}

/* 铜、锡、硅 */
.orange_ti { color: #F58345;}
.orange_div table { border-bottom: solid 2px #F58345;}
.orange_div th { background-color: #F58345;}
.orange_bg { background-color: #FDE5D6;}

/* 铝 */
.lawn_ti { color: #96BE00;}
.lawn_div table { border-bottom: solid 2px #96BE00;}
.lawn_div th { background-color: #96BE00;}
.lawn_bg { background-color: #BEC8AD;}

/* 铅、锰 */
.blue_ti { color: #333;}
.blue_div table { border-bottom: solid 2px #003366;}
.blue_div th { background-color: #003366;}
.blue_bg { background-color: #CCCCFF;}

/* 锌、镍、稀土 */
.cyanblue_ti { color: #333;}
.cyanblue_div table { border-bottom: solid 2px #00A0DC;}
.cyanblue_div th { background-color: #00A0DC;}
.cyanblue_bg { background-color: #D9E7F5;}

/* 评论与赞 */
.m-rp-share { display: none;}

/* 打印样式 */
.print-main { width: 800px;}
 @page {
    size: A4;
    margin:1.5cm 0cm;
}
@media print{
	.print-box { page-break-inside: avoid;}
}


.datemsg {
            background: url(../images/redmsg.png) right top no-repeat;
            color: #ff0000;
        }
.smm-ad-logo{
    clear: both;
    height: 70px;
}
.smm-ad-logo h1{
    float: left;
}        
.smm-ad-logo img{
    float: right;
    cursor: pointer;
}