/*
 * L.Xavier v1.5 
 * author L.Xavier 
 */

/******全局样式******/
/*另外可以引用normalize.css来提供跨浏览器的高度一致性*/

*{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;border:none;word-wrap:break-word;word-break:break-all;}
a{text-decoration:none;cursor:pointer;color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0);}
ol,ul{ list-style:none;margin:0;padding:0;}
img{margin:0;padding:0;border:none;display: inline-block;height: auto;max-width: 100%;}
body{margin:0;padding:0;font-size:14px;font-family: 微软雅黑,"Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1.5;color: #333333;background-color: #ffffff;}
[type=reset], [type=submit], button, [type=button]{cursor: pointer;}
label{display: inline-block;}

/******滚动条样式******/

/*默认--定义滚动条宽度(y),高度(x),背景色*/  
::-webkit-scrollbar{width: 8px;height: 8px;}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{background-color: #eaeaea;}    
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 4px;background-color: #d1d1d1;}  
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{background: #ababab;}
/*IE下滚动条效果*/
html {scrollbar-face-color:#d1d1d1;/*滚动条颜色*/scrollbar-Shadow-color:#d1d1d1;/*滑块边色*/scrollbar-arrow-color:#d1d1d1;/*箭头颜色*/scrollbar-track-color:#eaeaea;/*背景颜色*/}

/*light*/ 
.scrollbar-light::-webkit-scrollbar-track{background-color: #666666;}    
.scrollbar-light::-webkit-scrollbar-track-piece{background-color: #666666;border-right:2px #FFFFFF solid;border-left:2px #FFFFFF solid;}
.scrollbar-light::-webkit-scrollbar-thumb{border-radius: 4px;background-color: #c1c1c1;}  
.scrollbar-light::-webkit-scrollbar-thumb:hover{background: #d9d9d9;}

/*dark*/
.scrollbar-dark::-webkit-scrollbar-track{background-color: #666666;}    
.scrollbar-dark::-webkit-scrollbar-track-piece{background-color: #CCCCCC;border-right:2px #FFFFFF solid;border-left:2px #FFFFFF solid;}
.scrollbar-dark::-webkit-scrollbar-thumb{border-radius: 4px;background-color: #666666;}  
.scrollbar-dark::-webkit-scrollbar-thumb:hover{background: #333333;}



/******选择框样式(不兼容IE)******/
/*另外可以添加一个label元素，来增加更多样式。我们都知道，当点击的有for属性的label标签时，对应的Checkbox(id)复选框会被选中。这意味着，我们可以通过label的点击事件来处理我们的Checkbox复选框*/

input[type=checkbox],input[type=radio]{vertical-align: middle; width: 18px; height: 18px;}
/*隐藏原样式*/  
input[type=checkbox] {  
        position: relative;  
        visibility: hidden;
    }
/*添加新样式*/  
input[type=checkbox]::before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		top: 0px;  
        left: 0px;  
        width:14px;  
        height: 14px;   
        border: 1px #cccccc solid;
        border-radius: 2px;  
    }  
/*添加选中新样式*/
input[type=checkbox]:checked::before {  
        content: ''; 
        background-color: #1bc086;
    } 
/*添加对钩*/ 
input[type=checkbox]::after {  
        content: '';
		position: absolute;
		visibility: visible;
		opacity: 0.1;
		width: 8px;
		height: 4px;
		top: 4px;
		left: 3px;
		border: 2px solid #1bc086;
		border-top: none;
		border-right: none;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
    }  
/*添加对钩滑鼠样式*/ 
input[type=checkbox]:hover::after {  
        opacity: 0.4; 
        content: ''; 
    }
/*添加对钩选中样式*/ 
input[type=checkbox]:checked::after {  
        opacity: 1; 
        border-color:#ffffff;
        content: ''; 
    }

/*ring*/  
input.check-ring[type=checkbox]::before {
		border-radius: 10px;
	}
	
/*slider*/    
input.check-slider[type=checkbox]{width: 32px;}
input.check-slider[type=checkbox]::before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		background-color: #555555;
		top: 3px;  
        left: 0px;  
        width:30px;  
        height: 10px;   
        border: none;
        border-radius: 3px;  
    }  

input.check-slider[type=checkbox]::after {  
        content: '';
        opacity: 1; 
		position: absolute;
		visibility: visible;
		width: 16px;
		height: 16px;
		border-radius:8px;
		top: 0px;
		left: -3px;
		background-color: #cccccc;
		border: none;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		transform:none;
    }  
input.check-slider[type=checkbox]:checked::after {  
		left: 16px;
        content: ''; 
        background-color: #1bc086;
    }
    
/*slideway*/   
input.check-slideway[type=checkbox]{width: 48px;} 
input.check-slideway[type=checkbox]::before{
        content:'';
        position: absolute;
        visibility: visible;
        background-color: #111111;
        top: -2px;
        left: 0px;
        width: 25px;
        height: 2px;
        border: 10px #333333 solid;
        border-radius: 20px;
    }  

input.check-slideway[type=checkbox]::after {
        content: '';
        opacity: 1;
        position: absolute;
        visibility: visible;
        width: 14px;
        height: 14px;
        border-radius:10px;
        top: 2px;
        left: 4px;
        background-color: #cccccc;
        border: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        transform:none;
    }  
input.check-slideway[type=checkbox]:checked::after {  
		left: 27px;
        content: ''; 
        background-color: #1bc086;
    }
    
/*slidebtn*/    
input.check-slidebtn[type=checkbox]{width: 60px;}
input.check-slidebtn[type=checkbox]::before{
        content:'OFF';
        color: #cccccc;
        text-align: right;
        line-height: 22px;
        position: absolute;
        visibility: visible;
        background-color: #333333;
        top: -3px;
        left: 0px;
        width: 36px;
        padding: 0px 10px;
        height: 22px;
        border: none;
        border-radius: 11px;
        font-size: 12px;
    }  

input.check-slidebtn[type=checkbox]::after {
        content: '';
        opacity: 1;
        position: absolute;
        visibility: visible;
        width: 20px;
        height: 14px;
        border-radius:10px;
        top: 1px;
        left: 5px;
        background-color: #cccccc;
        border: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        transform:none;
    }  
input.check-slidebtn[type=checkbox]:checked::before {  
        color: #1bc086; 
        text-align: left;
        content: 'ON'; /*\00A0代表&nbsp;*/
    }
input.check-slidebtn[type=checkbox]:checked::after {
		left: 32px;
		content: '';
		background-color: #1bc086;
		}
    

/******llabel选择框样式(兼容IE)******/
/*默认check*/ 
#check{display: none;}
#check + label{width: 18px;}
#check + label:before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		top: 2px;  
        left: 0px;  
        width:14px;  
        height: 14px;   
        border: 1px #a0a0a0 solid;
        border-radius: 2px;  
    }  
/*添加选中新样式*/
#check:checked + label:before {  
        content: ''; 
        background-color: #1bc086;
    } 
/*添加对钩*/ 
#check + label:after {  
        content: '';
		position: absolute;
		visibility: visible;
		opacity: 0.1;
		width: 8px;
		height: 4px;
		top: 6px;
		left: 3px;
		border: 2px solid #dcfffd;
		border-top: none;
		border-right: none;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
    }  
/*添加对钩滑鼠样式*/ 
#check + label:hover::after {  
        opacity: 0.4; 
        content: ''; 
    }
/*添加对钩选中样式*/ 
#check:checked + label:after {  
        opacity: 1; 
        content: ''; 
    }

/*ring*/ 
#check-ring{display: none;}  
#check-ring + label{width: 18px;}
#check-ring + label:before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		top: 2px;  
        left: 0px;  
        width:14px;  
        height: 14px;   
        border: 1px #a0a0a0 solid;
        border-radius: 100%;  
    }  
/*添加选中新样式*/
#check-ring:checked + label:before {  
        content: ''; 
        background-color: #1bc086;
    } 
/*添加对钩*/ 
#check-ring + label:after {  
        content: '';
		position: absolute;
		visibility: visible;
		opacity: 0.2;
		width: 8px;
		height: 4px;
		top: 6px;
		left: 3px;
		border: 2px solid #dcfffd;
		border-top: none;
		border-right: none;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
    }  
/*添加对钩滑鼠样式*/ 
#check-ring + label:hover::after {  
        opacity: 1; 
        content: ''; 
    }
/*添加对钩选中样式*/ 
#check-ring:checked + label:after {  
        opacity: 1; 
        content: ''; 
    }
    	
/*slider*/ 
#check-slider{display: none;}  
#check-slider + label{width: 32px;} 
#check-slider + label:before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		background-color: #555555;
		top: 6px;  
        left: 0px;  
        width:30px;  
        height: 10px;   
        border: none;
        border-radius: 3px;  
    }  

#check-slider + label:after {  
        content: '';
        opacity: 1; 
		position: absolute;
		visibility: visible;
		width: 16px;
		height: 16px;
		border-radius:8px;
		top: 3px;
		left: -3px;
		background-color: #cccccc;
		border: none;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		transform:none;
    }  
#check-slider:checked + label:after {  
		left: 16px;
        content: ''; 
        background-color: #1bc086;
    }
    
/*slideway*/
#check-slideway{display: none;}  
#check-slideway + label{width: 48px;}     
#check-slideway + label:before{   
        content:'';
        position: absolute;
        visibility: visible;
        background-color: #111111;
        top: -2px;
        left: 0px;
        width: 25px;
        height: 2px;
        border: 10px #333333 solid;
        border-radius: 20px;
    }  

#check-slideway + label:after {  
        content: '';
        opacity: 1;
        position: absolute;
        visibility: visible;
        width: 14px;
        height: 14px;
        border-radius:10px;
        top: 2px;
        left: 4px;
        background-color: #cccccc;
        border: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        transform:none;
    }  
#check-slideway:checked + label:after {  
		left: 27px;
        content: ''; 
        background-color: #1bc086;
    }
    
/*slidebtn*/ 
#check-slidebtn{display: none;}   
#check-slidebtn + label{width: 60px;}   
#check-slidebtn + label:before{  
        content:'OFF';
        color: #cccccc;
        text-align: right;
        line-height: 22px;
        position: absolute;
        visibility: visible;
        background-color: #333333;
        top: 0px;
        left: 0px;
        width: 36px;
        padding: 0px 10px;
        height: 22px;
        border: none;
        border-radius: 11px;
        font-size: 12px; 
    }  

#check-slidebtn + label:after {  
        content: '';
        opacity: 1;
        position: absolute;
        visibility: visible;
        width: 20px;
        height: 14px;
        border-radius:10px;
        top: 4px;
        left: 5px;
        background-color: #cccccc;
        border: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        transform:none;
    }  
#check-slidebtn:checked + label:before {  
        color: #1bc086; 
        text-align: left;
        content: 'ON'; /*\00A0代表&nbsp;*/
    }
#check-slidebtn:checked + label:after {  
		left: 32px;
		content: '';
		background-color: #1bc086;
    }
    

/*radio样式*/

/*隐藏原样式*/  
input[type=radio] {  
        position: relative;  
        visibility: hidden;
    }
/*添加新样式*/  
input[type=radio]::before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		top: 0px;  
        left: 0px;  
        width:16px;  
        height: 16px;   
        border: 1px #cccccc solid;
        border-radius: 8px;  
        background-color: #fafafa;
    }  
/*添加选中新样式*/
input[type=radio]:checked::before {  
        content: ''; 
        background-color:#53a4f4;
    } 
/*添加对钩*/ 
input[type=radio]::after {  
        content: '';
		position: absolute;
		visibility: visible;
		opacity: 0.1;
		width: 10px;
		height: 10px;
		top: 4px;
		left: 4px;
		background-color: #53a4f4;
		border-radius: 5px;
    }  
/*添加对钩滑鼠样式*/ 
input[type=radio]:hover::after {  
        opacity: 0.4; 
        content: ''; 
    }
/*添加对钩选中样式*/ 
input[type=radio]:checked::after {  
        opacity: 1; 
        background-color: #ffffff;
        content: ''; 
    }


#radio{display: none;}
#radio + label{width: 18px;}
#radio + label:before{  
        content:'';  
        position: absolute;  
		visibility: visible;
		top: 2px;  
        left: 0px;  
        width:16px;  
        height: 16px;   
        border: 1px #cccccc solid;
        border-radius: 8px;  
        background-color: #fafafa;
    }  
/*添加选中新样式*/
#radio:checked + label:before {  
        content: ''; 
        background-color:#53a4f4;
    } 
/*添加对钩*/ 
#radio + label:after {  
        content: '';
		position: absolute;
		visibility: visible;
		opacity: 0.1;
		width: 10px;
		height: 10px;
		top: 6px;
		left: 4px;
		background-color: #53a4f4;
		border-radius: 5px;
    }  
/*添加对钩滑鼠样式*/ 
#radio + label:hover::after {  
        opacity: 0.4; 
        content: ''; 
    }
/*添加对钩选中样式*/ 
#radio:checked + label:after {  
        opacity: 1; 
        background-color: #ffffff;
        content: ''; 
    }


/*certificate*/
.certificate{width:1050px;margin:0 auto;padding-top:30px; padding-bottom:30px; height:1352px;background:url(../images/certificate2.jpg) no-repeat center 30px;position:relative; text-align:left;}
.certificate_number{width:842px;height:30px;line-height:30px;position:absolute;left:360px;top:570px;font-size:30px;color:#000000; font-family:"微软雅黑"; text-align:left;}
.certificate_title{width:600px;height:25px;line-height:25px;position:absolute;left:360px;top:515px;font-size:26px;color:#000000; font-family:"微软雅黑"; text-align:left;}
.certificate_investor{width:550px;height:30px;line-height:30px;position:absolute;left:385px;top:766px;font-size:27px;color:#000000; font-family:"微软雅黑"; text-align:left;text-decoration:underline;}
.certificate_investor2{width:550px;height:30px;line-height:30px;position:absolute;left:725px;top:766px;font-size:27px;color:#000000; font-family:"微软雅黑"; text-align:left;text-decoration:underline;}
.certificate_word{width:600px;height:30px;line-height:30px;font-size:30px;color:#000000;position:absolute;top:630px;left:370px; font-family:"微软雅黑"; text-align:left;}
.certificate_time{width:400px;height:25px;line-height:25px;font-size:21px;color:#000000;position:absolute;top:845px;left:470px; font-family:"微软雅黑"; text-align:left;}
.certificate_time2{width:400px;height:25px;line-height:25px;font-size:21px;color:#000000;position:absolute;top:1138px;left:580px; font-family:"微软雅黑"; text-align:left;}
.certificate_posttime{width:185px;height:16px;line-height:16px;font-size:16px;color:#000000;position:absolute;top:572px;left:617px; font-family:"微软雅黑"; text-align:left;}
.certificate_number2{width:842px;height:30px;line-height:30px;position:absolute;left:190px;top:1165px;font-size:21px;color:#c72e2e; font-family:"微软雅黑"; text-align:left;}