@charset "utf-8";

.bg-black, .bg-danger {
	color: #fff !important;
}

.btn-areacode, .btn-imgcode, .btn-sendemailcode, .btn-sendmsg {
	position: absolute;
	top: 0;
	outline: 0;
}

* {
	outline: 0;
}

body {
	background: #f8f8f8;
}

.container {
	width: 1170px;
	max-width: none !important;
}

.displayFlex {
	display: flex;
}

.container-full {
	min-width: 1170px !important;
}

.bg-danger {
	background-color: #c83935 !important;
}

.bg-black {
	background-color: #000 !important;
}

.bg-gary {
	background-color: #f9f9f9 !important;
	color: #a1535d;
}

.padding-top-clear {
	padding-top: 0 !important;
}

.padding-left-clear {
	padding-left: 0 !important;
}

.padding-right-clear {
	padding-right: 0 !important;
}

.padding-bottom-clear {
	padding-bottom: 0 !important;
}

.padding-clear {
	padding: 0 !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-left-92 {
	padding-left: 92px !important;
}

.margin-top-clear {
	margin-top: 0 !important;
}

.margin-bottom-clear {
	margin-bottom: 0 !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.border {
	border: 1px solid #e6e6e6 !important;
}

.border-fff {
	border: 1px solid #fff !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-left: 0;
}

.border-f9f {
	border: 1px solid #f9f9f9 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #f9f9f9;
	padding-left: 0;
}

.border-top-clear {
	border-top: none !important;
}

.redtips {
	color: #da2e22 !important;
}

.greentips {
	color: #090 !important;
}

.max-width {
	width: 100%;
}

.text-left {
	text-align: left !important;
}

.text-danger {
	color: #da2e22 !important;
}

.text-success {
	color: #009900 !important;
}

.btn-sendemailcode, .btn-sendmsg {
	right: 15px;
}

.btn {
	border-radius: 0;
	outline: none;
}

.btn-danger {
	background-color: #da2e22;
	border-color: #da2e22;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger:active:focus {
	background-color: #c32116;
	border-color: #c32116;
	outline: none;
}

.btn-imgcode {
	right: 15px;
	padding: 0;
	height: 31px;
}

.btn-areacode {
	left: 15px;
	width: 80px;
	background: #dcdcdc;
}

.btn-recharge {
	padding: 10px 40px;
	font-size: 15px;
}

.btn-sendvoice {
	position: relative;
}

.btn-xs-6 {
	width: 50% !important;
}

.opa-link {
	color: #a1535d;
	padding: 5px;
}

.opa-link:hover {
	color: #a1535d;
}

.font-size-14 {
	font-size: 14px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.font-size-40 {
	font-size: 40px !important;
}

.layer-error-tips {
	border: #da2e22 solid 1px;
}

.form-control {
	border-radius: 0;
}

.form-control:focus {
	border-color: rgba(224, 105, 36, 0.6);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-body {
	padding-top: 30px;
	padding-bottom: 30px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: none;
	line-height: 34px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	color: #000;
	background-color: #f9f9f9;
	border-color: #dddddd;
}

.popover.right {
	margin-left: 15px;
}

.popover-content {
	padding: 9px 20px;
}

.header .top {
	line-height: 30px;
}

.header .top .top-item {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}

.header .top .top-item:hover .hide-item {
	display: block;
}

.header .top .top-item .hide-item {
	position: absolute;
	top: 43px;
	left: -50%;
	margin-left: -30px;
	padding: 10px 10px 0;
	background: #fff;
	z-index: 1000;
	text-align: center;
	border: 1px solid #d1d1d1;
	display: none;
}

.header .top .top-item .hide-item .topimg {
	background: url(/style/css/img/commplist.png) 0 -1179px no-repeat;
	height: 13px;
	width: 25px;
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -12px;
}

.header .top .top-item .hide-item img {
	width: 100px;
	height: 100px;
	vertical-align: middle;
}

.header .top .top-item .hide-item p {
	color: #040605;
	margin: 0;
}

.header .top .split {
	position: absolute;
	right: 12px;
	top: 0;
}

.header .top .user-slide {
	position: relative;
	z-index: 10000000;
}

.header .top .user-slide>a {
	color: #fff;
	text-decoration: none;
}

.header .top .user-slide .caret {
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}

.header .top .user-slide:hover {
	background: #fff;
}

.header .top .user-slide:hover>a {
	color: #c83935;
}

.header .top .user-slide:hover .caret {
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid\9;
	content: "";
	color: #c8393;
}

.header .top .user-slide .slide-box {
	position: absolute;
	top: 30px;
	right: -5px;
	min-width: 450px;
	display: none;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}

.header .top .user-slide .slide-box-mark {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #c83935;
	z-index: 0;
	opacity: .1;
}

.header .top .user-slide .slide-box-con, .header .top .user-slide .slide-box-top {
	background-color: #fff;
	position: relative;
	z-index: 10;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.header .top .user-slide:hover .slide-box {
	display: block;
}

.header .top .user-slide .slide-box-top {
	border-bottom: #efeded solid 1px;
	padding-left: 28px;
	padding-right: 28px;
	margin: 0 4px;
}

.header .top .user-slide .slide-box-con {
	margin: 0 4px 4px;
	border-bottom: 1px solid #e6e6e6;
}

.header .top .user-slide .slide-con {
	padding: 14px 10px 10px 0;
	display: inline-block;
	font-size: 20px;
	width: 300px;
}

.header .top .user-slide .slide-con .loginname {
	color: #4d4d4d;
	font-size: 22px;
}

.header .top .user-slide .slide-con .uid {
	color: #a19d9d;
	font-size: 14px;
}

.header .top .user-slide .slide-con span {
	display: block;
}

.header .top .user-slide .slide-levelBox {
	padding-top: 23px;
	padding-right: 25px;
	display: inline-block;
	width: 50px;
}

.header .top .user-slide .slide_vip {
	width: 50px;
	height: 35px;
	float: left;
}

.header .logo img, .navbar-default img {
	height: 100%;
}

.header .top .user-slide .slide_vip-hint {
	color: #f68701;
	font-size: 14px;
	display: inline-block;
	width: 50px;
}

.header .top .user-slide .slide-link {
	color: #f68701;
	border: 1px solid #f68701;
	padding: 1px 10px;
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	top: 40px;
	right: 28px;
}

.slide-box-con .assets {
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 10px;
	background: url(/style/css/img/header-leve-bg.png) 100% 100% no-repeat #fff;
}

.slide-box-con .assets>span {
	line-height: 35px;
	font-size: 14px;
	display: block;
	color: #666;
}

.assets-detail {
	padding-top: 10px;
}

.assets-detail ul {
	padding: 0 28px;
	color: #666;
}

.assets-detail ul.first {
	background: #f8f8f8;
}

.assets-detail ul.title {
	color: #333;
}

.assets-detail ul li {
	list-style: none;
}

.assets-btn {
	padding: 10px 75px 30px;
}

.assets-btn a {
	margin-bottom: 10px;
}

.header .top .app {
	background: url(/style/css/img/commplist.png) 0 5px no-repeat;
}

.header .top .wechat {
	background: url(/style/css/img/commplist.png) 0 -35px no-repeat;
}

.header .top .weibo {
	background: url(/style/css/img/commplist.png) 0 -76px no-repeat;
}

.header .header-nav {
	border-top: #d3d3d3 solid 1px;
	padding-top: 20px;
	font-size: 1.2em;
}

.header .header-nav a {
	color: #606060;
	font-size: 14px;
}

.header .header-nav .split {
	position: absolute;
	right: 0;
	top: 15px;
	color: #d8d8d8;
}

.header .nav>li>a:hover, .header.nav>li>a:active, .header.nav>li>a:focus, .header.nav>li>a:link {
	background-color: transparent !important;
	color: #c83935;
}

.header .navbar-nav .active a {
	color: #c83935;
}

.footer, .footer a {
	color: #fff;
}

.navbar-default {
	background: 0 0;
	border: 0;
	min-width: 400px;
}

.footer .footer-left-con, .footer .footer-top {
	border-bottom: #1c1c1c solid 1px;
}

.navbar-brand {
	padding: 0;
	line-height: 0;
	font-size: 0;
}

.header .tradingcontest {
	background: url(/style/css/img/topup.gif) no-repeat;
	width: 120px;
	height: 51px;
	display: inline-block;
	margin-left: 45px;
}

.footer {
	background: #363636;
}

.footer .footer-bottom {
	border-top: #4f4f4f solid 1px;
	line-height: 65px;
}

.footer .plist {
	padding-right: 10px;
	padding-left: 10px;
}

.footer .plist.max {
	padding-right: 20px;
	padding-left: 20px;
}

.footer .footer-left-top {
	padding-top: 30px;
	padding-bottom: 10px;
}

.footer .footer-left-con {
	padding-top: 10px;
	padding-bottom: 20px;
}

.footer .footer-left-bot {
	padding-top: 10px;
	padding-bottom: 40px;
	border-top: #4f4f4f solid 1px;
	color: #909092;
}

.footer .footer-left-bot a {
	color: #909092;
}

.footer-left-con span {
	display: inline-block;
}

.footer-left-con a {
	float: left;
	color: #909092;
}

.footer .code {
	padding: 10px;
	background: #4f4f4f;
	display: inline;
	margin-right: 30px;
	margin-top: 25px;
	margin-bottom: 30px;
}

.footer .code p {
	margin: 0
}

.footer .code img {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	border: 2px solid #fff;
}

.notice {
	height: 50px;
	line-height: 50px;
	background: #fff;
	border-bottom: #eceaeb solid 1px;
}

.notice-item, .notice-item:hover {
	color: #eb6f6c;
	height: 20px;
	line-height: 20px;
	display: inline-block;
}

.notice-item-icon {
	background: url(/style/css/img/commplist.png) 0 -1219px no-repeat;
	width: 50px;
	height: 20px;
	margin-right: 10px;
	float: left;
	display: inline;
}

.notice #newstoplist p {
	margin: 0;
}

.leftmenu {
	background: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 60px;
}

.leftmenu .leftmenu-title {
	line-height: 55px;
	font-size: 16px;
	background: 0 0;
	color: #606060;
	padding-left: 20px;
	border-top: #f1f1f1 solid 1px;
	border-bottom: #f1f1f1 solid 1px;
	display: block;
	cursor: pointer;
}

.leftmenu .nav>li>a {
	font-size: 14px;
	padding-left: 60px;
	color: #606060;
	border: 1px solid #fff;
	border-radius: 0;
}

.leftmenu .nav-pills>li.active>a, .leftmenu .nav>li>a:hover, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background: #f9f5eb;
	color: #c83935;
	border: 1px solid #fff0e4;
	border-radius: 0;
}

.leftmenu .leftmenu-title.top {
	border-top: 0;
}

.leftmenu .lefticon {
	width: 26px;
	height: 26px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.leftmenu .lefticon.leverage {
	background: url(/style/css/img/commplist.png) 0 -1100px no-repeat;
}

.leftmenu .lefticon.security {
	background: url(/style/css/img/commplist.png) -50px -1100px no-repeat;
}

.leftmenu .lefticon.financial {
	background: url(/style/css/img/commplist.png) -50px -1140px no-repeat;
}

.leftmenu .lefticon.user {
	background: url(/style/css/img/commplist.png) 0 -1140px no-repeat;
}

.leftmenu .lefticon.kuang {
	background:url(/style/css/img/k_icon.png) 0 0 no-repeat;
}/*20170828*/

.leftmenu .lefticon.huodong {
	background: url(/style/css/img/k_icon.png) 0 -33px no-repeat;
}/*20170828*/

.leftmenu .lefticon.jiang {
	background: url(/style/css/img/k_icon.png) 0 -66px no-repeat;
}/*20170828*/

.rightarea {
	background: #fff;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-bottom: 60px !important;
}

.rightarea .rightarea-top {
	line-height: 75px;
	border-bottom: #f1f1f1 solid 1px;
}

.rightarea .rightarea-con {
	padding-top: 30px;
	padding-bottom: 125px;
}

/*20170816*/
.YMB-combox{ padding:30px 0; border-bottom:1px solid #dedede;}
.YMB-combox .combox1{width:386px;border-right:1px dashed #dedede;}
.YMB-combox .combox1 p{ padding:0; margin:0;}
.YMB-combox .ptxt1{font-size: 14px; color: #515151;}
.YMB-combox .ptxt2{font-size: 40px; color: #e06924; font-family:Arial; font-weight:bold;}
.YMB-combox .com95{ padding-left:95px; border-right:none;}
.YMB-combox .coml,.YMB-combox2 .coml{float: left;}
.YMB-combox .comr,.YMB-combox2 .comr{float:right;}
.YMB-combox .comboth,.YMB-combox2 .comboth{clear:both;}
.YMB-combox2{ margin:30px 0 15px 0;}
.YMB-combox2 .sybox{width:395px; line-height: 17px;}
.YMB-combox2 .sybox h1{font-size:14px; border-bottom: 1px dashed #dedede;line-height: 24px; margin-bottom: 16px;}
.YMB-combox2 .sybox .h1io{ background: url(/style/css/img/ymb1.png)no-repeat 5px 0;height:28px; padding-left: 35px;}
.YMB-combox2 .sybox .h1ii{ background: url(/style/css/img/ymb2.png)no-repeat 5px 0;height:28px; padding-left: 35px;}
.YMB-combox2 .sybox p{ padding: 0 10px; color: #939393; }
.YMB-comimg{width:129px;height:150px; background: url(/style/css/img/ymb3.png)no-repeat top; position:absolute;z-index: 1000; top:0; right:0; margin-right:-15px;}

.rightarea .trade-process {
	line-height: 30px;
	padding: 0 15px;
	background: #f1f1f1;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

.rightarea .trade-process.active {
	color: #eb6f6c;
	background: #f9f5eb;
}

.rightarea .trade-process .icon {
	background: #fff;
	border-radius: 20px;
	height: 20px;
	width: 20px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
}

.rightarea .trade-process .arrow {
	position: absolute;
	top: 10px;
	right: -5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #f1f1f1;
}

.rightarea .trade-process.active .arrow {
	border-left: 5px solid #f9f5eb;
}

.rightarea .rightarea-tabs {
	background: #fcfbfb;
	border-bottom: none;
	border-top: 3px solid #f1f0f0;
}

.rightarea .rightarea-tabs li>a {
	padding: 10px 30px;
	margin-right: 0;
	font-size: 14px;
	color: #646464;
	border-radius: 0;
	border-top: 3px solid #f1f0f0;
	border-bottom: none;
	border-right: none;
	border-left: none;
}

.rightarea .rightarea-tabs li>a:hover {
	background-color: #fff;
}

.rightarea .rightarea-tabs li {
	position: relative;
	top: -3px;
	margin-bottom: -3px;
}

.rightarea .rightarea-tabs li:last-child {
	border-right: 1px solid #fcfbfb;
}

.rightarea .rightarea-tabs li.active>a, .rightarea .rightarea-tabs li:hover>a {
	color: #da2e22;
	background-color: #fff;
	border-top: 3px solid #da2e22;
	border-bottom: none;
	border-right: none;
	border-left: none;
}

.rightarea .panel-tips {
	border: 3px solid #fdfaf3;
	color: #9e9e9e;
	font-size: 12px;
}

.rightarea .panel-tips .panel-header {
	background: #fdfaf3;
	line-height: 40px;
	margin-bottom: 15px;
}

.rightarea .panel-tips .panel-title {
	font-size: 16px;
}

.rightarea .recordtitle {
	cursor: pointer;
}

.no-data-tips {
	padding: 50px 0 !important;
	text-align: center;
}

.no-data-tips span {
	background: url(/style/css/img/nodata.png) top center no-repeat;
	display: inline-block;
	padding-top: 85px;
	min-width: 200px;
}

.modal-backdrop {
	z-index: 100040;
}

.modal {
	z-index: 100050;
}

.modal-custom .modal-dialog {
	width: 555px !important;
}

.modal-custom .modal-trading-dialog {
	width: 400px !important;
}

.modal-custom .modal-mark {
	position: absolute;
	z-index: -10;
	width: 100%;
	height: auto;
	top: -10px;
	left: -10px;
	background: #FFF;
	opacity: .5;
	filter: alpha(opacity = 50);
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-custom .btn-modal, .modal-custom .btn-modal:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.modal-custom .modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: initial;
	margin-top:0px;
}


.modal-custom .btn-modal {
	background: #fff;
	width: 39px;
	height: 39px;
	position: absolute;
	right: -20px;
	top: -20px;
	border-radius: 39px;
	font-size: 25px;
	color: #c83935;
	outline: 0;
}

.modal-custom .modal-header {
	background: url(/style/css/img/commplist.png) 0 -130px no-repeat;
	line-height: 92px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	padding: 0;
}

.modal-custom .modal-info-tips {
	background: #f9f5eb;
	display: inline-block;
	padding: 5px 20px;
}

.modal-custom .modal-unbindsuccess {
	background: url(/style/css/img/commplist.png) 0 -350px no-repeat;
	height: 222px;
	width: 222px;
	display: inline-block;
}

.modal-custom .modal-bindsuccess {
	background: url(/style/css/img/commplist.png) 0 -690px no-repeat;
	height: 222px;
	width: 222px;
	display: inline-block;
}

.modal-custom .form-group {
	position: relative;
}

.modal-custom .error-msg {
	position: absolute;
	left: 0;
	top: -8px;
}

.alert {
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
}

.vip0 {
	background: url(/style/css/img/vippic.png) 0 -3px no-repeat;
}

.vip1 {
	background: url(/style/css/img/vippic.png) 0 -143px no-repeat;
}

.vip2 {
	background: url(/style/css/img/vippic.png) 0 -285px no-repeat;
}

.vip3 {
	background: url(/style/css/img/vippic.png) 0 -436px no-repeat;
}

.vip4 {
	background: url(/style/css/img/vippic.png) 0 -592px no-repeat;
}

.vip5 {
	background: url(/style/css/img/vippic.png) 0 -745px no-repeat;
}

.vip6 {
	background: url(/style/css/img/vippic.png) 0 -884px no-repeat;
}

.width-65 {
	width: 65px;
}

.padding-8 {
	padding: 8px;
}

.padding-0-8 {
	padding: 0 8px;
}

.panel-heading {
	background: #f9f9f9;
}

.panel-body table tr:first-child {
	border-bottom: 1px solid #dddddd;
}

.panel-body .table>thead>tr>th, .panel-body .table>tbody>tr>th, .panel-body .table>tfoot>tr>th, .panel-body .table>thead>tr>td, .panel-body .table>tbody>tr>td, .panel-body .table>tfoot>tr>td {
	line-height: 1.42857143;
}
/***********functiuon**************/
.function {
	position: fixed;
	z-index: 99999;
	bottom: 200px;
	right: 0;
}

.function .help_list {
	font-size: 12px;
	color: #FFF;
}

.help_list li {
	height: 36px;
	position: relative;
	margin-top: 2px;
	list-style: none;
}

.help_list li a {
	color: #FFF;
	display: block;
	height: 36px;
}

.help_list li span {
	width: 0;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	background-color: #c83935;
}

.help_list li i {
	width: 36px;
	height: 36px;
	display: inline-block;
	background-color: #282828;
	background-repeat:no-repeat;
	opacity: .5;
	filter: alpha(opacity = 50);
}
.help_list li i:hover{
	background-color: #c83935;
	opacity: 1;
	filter: alpha(opacity = 100);
}
.help_list li .help_fixed {
	background-image: url("/style/css/img/fixed_help.png");
}

.help_list li .help_udesk {
	background-image: url("/style/css/img/help_udesk.png");
}

.help_list li .tel_fixed {
	background-image: url("/style/css/img/fixed_tel.png");
}

.help_list li .app_udesk {
	background-image: url("/style/css/img/app_udesk.png");
}