body{ padding:0; margin:0;  font-size:14px; color:#606266; background:#F7F9FA;font-family:"Microsoft YaHei","Arial",SimSun, sans-serif;box-sizing: content-box  }
ul,li,input,form{ list-style:none; padding:0; margin:0;}
input,button,select,textarea{outline:none;font-family:"Microsoft Yahei","Arial",SimSun, sans-serif; font-size: 13px;}
::-ms-clear,::-ms-reveal{display:none;}
a{text-decoration: none;}
.clear{clear:both;}
.left{ float:left;}
.right{ float:right}
input:disabled{ background-color : #f4f4f4;}
td{ font-size: 14px;}

/*****表单总样式******/
.input_box01{ border:1px #e3e3e3  solid; border-radius: 2px;  height: 26px; padding:0 6px; color: #666;}


/*****输入框提示样式*****/
::-webkit-input-placeholder { /* WebKit browsers */
color: #C0C4CC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #C0C4CC;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #C0C4CC;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #C0C4CC !important;
}

/*****头部******/
.head_bg{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); background: #fff; min-width: 1200px; width: 100%; }
.head{ width: 1200px; margin: 0 auto;}
.logo{ padding: 16px 0; }
.logo img{ height: 28px;}
.phone_numbe{ margin-top: 25px;}
.phone_numbe a{ display: inline-block; height: 16px; line-height: 16px; color: #FF7800; font-size: 14px; cursor: pointer; padding-right: 16px; border-right: 1px #cfd0d1 solid; margin-right: 16px;}
.phone_numbe span{ display: inline-block; height: 16px; line-height: 16px; padding-right:14px; font-size: 14px; color: #606266; background: url(../img/tu_01.png)no-repeat right center; background-size: 9px 5px; cursor: pointer;}

/*****版权******/
.copyright{ background: #252525; width: 100%; min-width: 1200px;}
.information{ width: 1200px; margin: 0 auto; padding: 31px 0; line-height: 16px; font-size: 14px; color: #999;}

/*下拉框_设置Select样式*/
.SelectList{ border: 1px #D7DAE2 solid; border-radius: 2px; width: 100%;position: relative; background-color: #fff; padding: 0 30px 0 6px; display:block; height: 30px; 
 overflow:hidden; background:url( ../img/tu_05.png) no-repeat right #fff ; background: #fff\9\0;padding: 0 0 0 6px\9\0;appearance:none; -moz-appearance:none; -webkit-appearance:none;  color:#606266;}

.SelectList::-ms-expand { display: none; }

/*下拉框_设置Select样式__适用于IE10以后的所有版本*/
@media all and (-ms-high-contrast:none){
.SelectList {
    background:url( ../img/tu_05.png) no-repeat right #fff ; padding: 0 30px 0 6px;
  }
}

/******分页******/
.pagination_01{width: 1200px; margin: 0 auto;  text-align: right;}
.pagination{ padding-bottom: 0px; display: inline-block; margin: 0 !important;}
#pageTest .layui-laypage{ margin: 0; position: relative;}
#pageTest .layui-laypage .layui-laypage-count{ position: absolute; width: 100px; left: -120px; background: none;}
#pageTest .layui-laypage a,#pageTest .layui-laypage span{margin: 0 0px 0px 6px; padding: 0 13px; width: auto;}
#pageTest .layui-laypage a:hover{ color: #3D8AFE;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: #3D8AFE !important;}
#pageTest .layui-laypage-limits{background: none;}
#pageTest .layui-laypage select:{ border: 1px solid #e2e2e2;}

/*****面包线******/
.bread_line{ margin: 0 auto; width: 1200px; line-height: 16px; padding-top: 18px; font-size: 14px; color: #303133;}
.bread_line a{color: #909399;}


/*****弹框******/
.floating_layer{ position:fixed; z-index:9; background:#000; width:100%; height:100%; top:0; left:0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; z-index: 1; }
.bullet_frame{border-radius: 8px; background: #fff; padding:24px; position: fixed; z-index: 5; left: 50%;top: 50%; }
.bullet_frame h3{ position: relative; margin:0; font-weight: normal; font-size: 16px;color: #000000;}
.bullet_frame h3 .off{ position:absolute; right: 0px; top: -3px; background: url(../img/tu_14.png)no-repeat center center; width: 18px; height: 18px; background-size: 13px 12px; cursor: pointer;}

.bullet_button{ text-align: right; padding-top: 34px;}
.bullet_button input{ height: 40px; border: 0;border-radius: 2px; width: 96px; margin-left: 18px; cursor: pointer;}
.bullet_button input.an_01{ border: 1px solid #D7DAE2; background: #fff; color: #606266;}
.bullet_button input.an_02{ border: 1px solid #3D8AFE;background: #3D8AFE; color: #fff;}


/*复选框*/
.box_inner1 input{ width: 16px; height: 16px; border: none; margin: 1px 6px 0 1px; float: left;}
.box_inner1{ width: auto; margin-top: 0px; }
.box_inner1{ position: relative; width: 16px;}
.box_inner1 label{ cursor: pointer; position: absolute;
                width: 16px;        /*此处width和height是选框显示出来的大小*/
                height: 16px;
                top:0;                /*此处top和left是选框显示出来位置, 可根据需求进行调节*/
                left: 0;
                background: #fff;        /*此处是复选框背景颜色, 下面是边框颜色, 设置一致是保持统一*/
                border: 1px solid #D7DAE2  ;
				border-radius: 3px; }
.box_inner1 input[type=checkbox]:checked + label:after{
                opacity: 0;        /*选中*/
				  opacity: 1;        /*选中后样式的透明度, 1是不透明*/
                content:'';    /*选中后的内容 ,此处为空是指把默认的去掉, 下面自定义*/
                position: absolute;
                width: 7px;    
                height: 4px;
                background: transparent;    /*这一块是核心,可以自己调试看效果*/
                top: 4px;
                left: 4px;
				color: #3D8AFE;
                border: 2px solid #3D8AFE;
                border-top: none;
                border-right: none;
                
                /*选中的样式是用盒子div加背景色, 加旋转实现的, 下面的代码是旋转45度*/
                transform: rotate(-45deg);
            }
.search ul li .box_inner1 input:focus{ border-color: #fff; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 3px rgba(255, 255, 255, .6); box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 3px rgba(255, 255, 255, .6);}            

/*****单选框样式******/
.input-radio {display:inline-block; margin-right: 40px; cursor: pointer;}
.input-radio input[type="radio"] {opacity: 0;}
.input-radio input[type="radio"] + label{position: relative;cursor: pointer; }
.input-radio input[type="radio"] + label::before{content: '';
            position: absolute;
            left: -20px;
            border-radius: 50%;
            width: 14px;
            height: 14px; 
            border: 1px solid #ccc;
        }
.input-radio input[type="radio"] + label::after{
            content: '';
            position: absolute;
            left: -16px;
            top: 4px;
            border-radius: 50%;
            width: 8px;
            height: 8px;
        }

/*Firefox*/
@-moz-document url-prefix() {
	.input-radio input[type="radio"] + label::after{
		top: 4px;
	}
}

.input-radio input[type="radio"]:checked + label::before{border: 1px solid #3D8AFE;}
.input-radio input[type="radio"]:checked + label::after{background:#3D8AFE;}    	


/*暂无数据*/
.no_data{ min-height: 200px; background: url(../img/tu_23.png) no-repeat center 53px ;}


/*内页顶部菜单*/
.top_menu{ height: 60px; width: 100%; min-width: 1200px; background:#282B33; min-width: 1224px;}
.top_menu .logo{ background: url(../img/console/console_logo.png) no-repeat 20px center; background-size: 77px 28px; height: 60px; width: 120px; padding: 0;}
.top_menu .product_menu ul li{ float: left; }
.top_menu .product_menu ul li a{ color: #FFF; opacity: 0.5; font-size: 16px; line-height: 60px;padding:0 20px; }
.top_menu .product_menu ul li.current a{color: #fff;  opacity:1;}
.top_menu .product_menu ul li a:hover{color: #fff;  opacity:1;}
.top_menu .more{ position: relative; padding:0 30px 0 20px !important;}
.top_menu .more .Small_icon{ background: url(../img/console/console_01.png) no-repeat center center; background-size:10px 6px; width: 10px; height: 6px; display: inline-block; margin-left: 5px; position: absolute; right: 16px; top: 10px;}
.top_menu .drop_down:hover .more .Small_icon{background: url(../img/console/console_01_01.png) no-repeat center center;background-size:10px 6px;}
.top_menu .drop_down:hover .more{color: #fff;  opacity:1;}

.platform{ padding-right: 10px;}
.platform ul li{ float: left; }
.platform ul li a{color: #FFF; opacity: 0.5; font-size: 14px; height: 60px; line-height: 59px;padding:0 15px 0 35px; }
.top_menu .platform .more .Small_icon{top: 7px;}
.platform a.ico_01{ background: url(../img/console/console_02.png) no-repeat 15px center; background-size: 16px 16px; }
.platform a.ico_02{ background: url(../img/console/console_03.png) no-repeat 15px center; background-size: 16px 16px;}
.platform a.ico_03{ background: url(../img/console/console_04.png) no-repeat 15px center; background-size: 16px 16px;}
.platform .drop_down:hover a.ico_03{  opacity: 1;}
.platform a:hover{color: #fff;  opacity:1;}
.platform ul li .line{width: 1px; height: 14px; background: #fff; opacity: 0.5; margin-top: 24px;}
.platform ul li.info{position: relative;}
.platform ul li.info .info_01{ position:absolute; width: 6px; height: 6px; border-radius: 50%; background: #FF5242; top: 22px; left: 24px;  opacity:1 !important;}
.page_title{ height: 18px; border-left: 1px #6b6f78 solid; padding-left: 16px; margin-top: 21px; color: #fff; font-size: 18px; line-height: 18px;}
.platform ul li.return a{ display: inline-block; height: 30px; color: #fff;opacity: 0.5; border: 1px solid #FFFFFF; border-radius: 16px; line-height: 30px; padding: 0 15px; margin: 15px 17px 0 0}
.platform ul li.return a:hover{ opacity: 1;}
.platform ul li.return_02 a{ display: inline-block; height: 30px; color: #F0B558;opacity: 0.6; border: 1px solid #F0B558; border-radius: 16px; line-height: 30px; padding: 0 15px; margin: 15px 17px 0 0}
.platform ul li.return_02 a:hover{ opacity: 1;}

/*菜单下拉*/
.top_menu .drop_down{ position: relative;}
.top_menu .drop_down .down_box{ min-width: 220px;  position: absolute; background: #fff; top: 50px; left: 15px; box-shadow: 0px 2px 24px 0px rgba(28, 76, 186, 0.2);border-radius: 8px; display: none; z-index: 5;}
.top_menu .drop_down:hover .down_box{ display: block;}
.top_menu .drop_down .down_box li{ width: 100%;}
.top_menu .drop_down .down_box li a{ display: block; height: 60px; line-height: 60px; color: #303133 ;  opacity:1 !important; padding:0 20px 0 53px; }
.top_menu .drop_down .down_box li a:hover{background:#eff5fe;  color: #387CF2;  border-radius: 8px;}

.top_menu .down_box.product li:first-child a{ background: url(../img/console/console_05.png) no-repeat 20px center; background-size: 20px 20px;}
.top_menu .down_box.product li:first-child a:hover{background: url(../img/console/console_05.png) no-repeat 20px center #eff5fe; background-size: 20px 20px;}
.top_menu .down_box.product li:nth-child(2) a{ background: url(../img/console/console_06.png) no-repeat 20px center; background-size: 20px 20px;}
.top_menu .down_box.product li:nth-child(2) a:hover{background: url(../img/console/console_06.png) no-repeat 20px center #eff5fe; background-size: 20px 20px; }
.top_menu .down_box.product li:nth-child(3) a{ background: url(../img/console/console_07.png) no-repeat 20px center; background-size: 20px 20px;}
.top_menu .down_box.product li:nth-child(3) a:hover{background: url(../img/console/console_07.png) no-repeat 20px center #eff5fe; background-size: 20px 20px; }
.top_menu .down_box.product{ padding: 10px;}

.top_menu .drop_down .down_box.finance{top: 50px; right:5px; left: auto; min-width: 360px;}
.top_menu .drop_down .down_box.finance .finance02{ padding: 10px;}
.top_menu .drop_down .down_box.finance li a{ padding:0 20px; color: #606266; font-size: 16px; }
.top_menu .drop_down .down_box.finance li a:hover{ color: #387CF2;}
.top_menu .drop_down .down_box.finance .drop_out a{color: #606266; font-size: 16px; height: 60px;background: #F7F9FA;border-radius: 0px 0px 8px 8px; display: block; opacity:1 ; text-align: center; padding: 0 20px;}
.top_menu .drop_down .down_box.finance .drop_out a:hover{ color: #387CF2;}
.top_menu .drop_down .down_box.finance .balance{ margin: 10px 10px 0 10px; border-bottom: 1px #EBEEF5 solid; position: relative;}
.down_box.finance .balance{ position: relative; padding:20px 20px 30px 20px;}
.down_box.finance .balance .title{font-size: 16px; line-height: 16px;}
.down_box.finance .balance a.recharge{ position: absolute; right: 20px; bottom: 30px; width: 80px;height: 28px; line-height: 28px; background: #387CF2;border-radius: 2px;  opacity:1 ; padding: 0; text-align: center;color:#fff}
.down_box.finance .balance .money{  font-size: 24px; height: 24px; line-height: 24px; font-weight: bold;color: #303133; padding-top: 10px;}
.down_box.finance .balance .money span{ font-size: 16px;}

.down_box.finance .personal{ padding-left: 10px;}
.down_box.finance .personal .avatar{ width: 48px; height: 48px; float: left; background: url(../img/console/console_08.svg) no-repeat center center; background-size: 48px 48px; margin-right: 15px;}
.down_box.finance .personal .title{ color: #303133; line-height:18px;}
.down_box.finance .personal .certification{ font-size: 12px; color: #909399; padding-top: 10px;}
.down_box.finance .personal .certification a{ color: #FF5242; font-size: 12px; line-height: 12px; width: auto; padding: 0; opacity:1; text-decoration: underline; margin-left: 10px;}
.down_box.finance .personal .certification a.verified{ width: 66px; height: 20px; background: url(../img/console/console_09.png) no-repeat center center; background-size: 66px 22px; display: inline-block; margin-bottom: -5px; margin-left: 10px;}
.down_box.finance .personal .certification a.verified02{ width: 66px; height: 20px; background: url(../img/console/console_19.png) no-repeat center center; background-size: 66px 23px; display: inline-block; margin-bottom: -5px; margin-left: 10px;}

/*步骤*/
.step{ width: 724px; margin: 0 auto; height: 54px; position: relative; padding: 32px 0; color: #909399; font-size: 14px;}
.step .Line{ width: 314px; height: 2px; background: #EBEEF5; float: left; margin: 14px 24px 0;}
.step .Line_02{background: #3D8AFE;}
.step .step_01{ position: absolute; left:-32px; text-align: center; width: 64px;}
.step .step_02{ position: absolute; left:50%; margin-left: -50px; text-align: center; width: 100px;}
.step .step_03{ position: absolute; right:-32px; text-align: center; width: 64px;}
.step .number{ height: 28px; width: 28px; text-align: center; line-height: 27px; border-radius: 50%;  display:table; font-size: 16px; color: #fff; margin: 0 auto; margin-bottom: 8px; background: #C0C4CC}
.step .step_03 .number{background: url(../img/tu_17_a.png) no-repeat center center #C0C4CC; background-size: 14px 9px;}
.step span{ display: inline-block;}

.step .current{color: #303133 !important;}
.step .current .number{ color: #fff;background: #3D8AFE; }
.step .current.step_03 .number{ color: #fff;background: url(../img/tu_17_a.png) no-repeat center center #3D8AFE; background-size: 14px 9px; }

/*列表*/
.order_List{ padding-bottom: 15px; padding: 24px; background: #fff;}
.order_List th{ height: 28px;  font-weight: normal; color: #909399; background: #F7F9FA; text-align: left}
.order_List th,.order_List td{ padding:10px 0px 10px 20px; font-size: 14px;}
.order_List td{height: 30px; color: #606266; border-bottom: 1px #EBEEF5 solid;}
.order_List td a{display: inline-block; margin-right: 15px; color: #3D8AFE; cursor: pointer;}
.order_List td span{color: #F56C6C;}
.order_List td font{color: #67C23A;}

/*****版权******/
.copyright_01{ text-align: center; padding: 36px 0; background: #EDEFF4; font-size: 12px; color: #AFB3B8; line-height: 20px;}
.copyright_01 a{color: #AFB3B8;}


/*****消息中心_分页补充样式******/
.batch .pagination_01{ width: auto !important; float: right !important; padding-top: 0 !important;}