@charset "utf-8";

.boxp{width:1200px;margin:10px auto;}

.boxborder{width:1200px;border: 1px solid #efefef;margin:10px 0;padding:0 0 15px 0;}

TABLE {	BORDER-COLLAPSE: collapse; border-spacing: 0;}

TH {PADDING: 0px; MARGIN: 0px;}

TD {PADDING: 0px; MARGIN: 0px;}

/*Price*/

.pirce{width: 1200px;padding: 4px 0 0 0;color: #000;margin-bottom: 30px;}

.pirce h1{width:300px;font-size:16px;font-weight: bold;color: #000;text-align:left;padding-left:15px;float:left;}

.pirce ul{float:right;text-align:left;padding:0 20px 0 0;}

.pirce li{border-bottom: 1px solid #F8F096;padding:2px 0;margin-bottom:3px;}

/*top Center*/

.tab01 TR TD {BORDER: #ededed 1px solid;COLOR: #333;LINE-HEIGHT: 40px;TEXT-ALIGN: center;font-size:14px;height: 40px;}

.tablerow1{ padding: 5px 0;}

.tab01 TH {BORDER: #ededed 1px solid;LINE-HEIGHT: 40px;TEXT-ALIGN: center;background-color: #f47a19;color: #fff;font-size: 16px;}

.tab01 TR:hover{background-color:#ededed;}

.Button{width:80px; background-color: #f48400; color: #fff; line-height: 22px; margin-left: 20px; cursor: pointer;}

.pmenu{height: 40px;line-height: 40px;/* overflow: hidden; */margin:5px 0 35px;}

.pmenu li{font-size: 16px;float: left;background-color: #efefef;width: 199px;margin: 0 1px 0 0;text-align: center;/* border-radius: 3px; */cursor: pointer;}

.pmenu li:hover,.pmenu li.on{background-color: rgb(244, 132, 0);}

.pmenu li:hover span,.pmenu li.on span{width: 20px;height: 10px;background: url("/images/arrow_03.jpg") no-repeat;display: block;margin: 0 auto -10px;/* margin-bottom: -10px; */}

.pmenu li:hover a,.pmenu li.on a{ color:#fff;}

.gray{background-color: #FBFBFB;}

SELECT {FONT-SIZE: 12px;border: 1px solid #d4d4d4;width: 58px;height: 20px;line-height: 20px;}

INPUT {FONT-SIZE: 12px;}

.Ared {	COLOR: #ff0000;}

.Agreen {COLOR: #257207;}

.Ablue {COLOR: #185083;}

.Agray {COLOR: #999;}

A.Ablue:link {COLOR: #185083;}

A.Ablue:hover {	COLOR: #185083;}

A.Ablue:visited {COLOR: #185083;}

A.Ared02:link {	COLOR: #8f1e24;}

A.Ared02:hover {COLOR: #8f1e24;}

A.Ared02:visited {COLOR: #8f1e24;}

.gray1 {background-color: #efefef;}

.STYLE1 {font-size: 14px}

.backhome{FONT-SIZE:16px;height:45px;COLOR:#f00;padding:15px 0 0 0;font-weight: bold;}

.backhome:link {COLOR:#f00;}

.backhome:hover {COLOR:#666;}

.backhome:visited {COLOR:#900;}

.Pagination {margin: 40px 0 20px;padding:5px 0;text-align: center;height:20px;line-height:20px;font-family:Arial, Helvetica, sans-serif,"宋体";}



.Pagination a {margin-left:2px;padding: 10px 15px 10px;border-radius: 3px;}



.Pagination .dot{ border:medium none; padding:4px 8px}



.Pagination a:link, .Pagination a:visited {border:1px solid #dedede;color:#696969;text-decoration:none;}



.Pagination a:hover, .Pagination a:active, .Pagination a.current:link, .Pagination a.current:visited {border:1px solid #dedede;color:#fff; background-color:#ff6600; background-image:none; border:#ff6600 solid 1px;}



.Pagination .selectBar{ border:#dedede solid 1px; font-size:12px; width:95px; height:21px; line-height:21px; margin-left:10px; display:inline}



.Pagination a.tips{_padding:4px 7px 1px;}

/*改版*/

.tab02{margin-bottom: 55px;}

.tab02 ul{overflow: hidden;border: 1px solid #e6e6e6;border-top: 3px solid #f47a19;padding: 21px 0;background: #fefefe;}

.tab02 ul li{float: left;overflow: hidden;padding: 0 25px;width: 548px;}

.tab02 ul li:nth-child(1){border-right: 1px solid #ebebeb;}

.tab02 ul li:nth-child(2){border-left: 1px solid #ebebeb;}

.tab02 ul li .fl{width: 200px;height: 90px;}

.tab02 ul li .fl a{font-size: 16px;margin-top: 5px;line-height: 24px;display: block;}

.tab02 ul li .fl p{font-size: 34px;font-weight: bold;line-height: 70px;display: inline;padding-right: 35px;}

.tab02 ul li .fr{width: 330px;}

.tab02 ul li .fr p{display: block;line-height: 44px;height: 44px;overflow: hidden;font-size: 14px;}

.tab02 ul li .fr p em{ display: inline-block; width: 65px; font-style: normal;}

.tab02 ul li .fr strong,.his_b{font-weight: normal; display: inline-block; width: 70px; margin-left: 20px;}

.red_box .oil_left{ color: #e60113; background: url("/images/2019/up.png") no-repeat right 4px;}

.green_box .oil_left{ color: #008000; background: url("/images/2019/down.png") no-repeat right 4px}

.yellow_box .oil_left{ color: #e9ab02; background: url("/images/2019/flat.png") no-repeat right 4px}

.red_box em{color: #e60113;}

.green_box em{ color: #008000;}

.yellow_box em{color: #e9ab02;}

/*表格里的变色*/

.i-icon{ background: url("/images/oil/icon.png") no-repeat; display: inline-block; width: 10px; height: 10px; vertical-align: middle;}

.rise{ color: #ff0100;}

.flat{ color: #e9ab02;}

.fall{ color: #008422;}

.i-arrow-up .i-icon{ margin-left: 2px; background-position: 4px -22px; width: 13px; height: 15px;}

.i-arrow-right .i-icon{ margin-left: 2px; background-position: -17px -21px; width: 13px; height: 12px;}

.i-arrow-down .i-icon{margin-left: 2px;/* margin-top: 2px; */background-position: -37px -21px;width: 13px;height: 15px;}

.i-arrow-up td:nth-child(2),.i-arrow-up td:nth-child(3),.i-arrow-up td:nth-child(4){color:#ff0100;}

.i-arrow-down td:nth-child(2),.i-arrow-down td:nth-child(3),.i-arrow-down td:nth-child(4){color:#008422;}

.i-arrow-right td:nth-child(2),.i-arrow-right td:nth-child(3),.i-arrow-right td:nth-child(4){color:#e9ab02;}

/*原油历史*/

.his h3{font-size: 18px; margin: 20px 0; font-weight: normal;}

.demo-input{padding-left: 10px; height: 30px; min-width: 152px; line-height: 30px; border: 1px solid #e6e6e6;  background-color: #fff; }

.search-btn{ height: 30px; line-height: 30px; background-color: #1E9FFF; display: inline-block; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer;}

/*原油现货价格*/

.form{overflow: hidden;}