html,body{ font:12px "宋体"; color:#264b67; text-align:center; margin:0 auto; padding:0px; background:url(/images2/login/images/bg.jpg) repeat; margin:0;}
html{overflow:auto;min-height:750px;};
div,dl,dd,dt,ul,li,p,span,input{ margin:0px; padding:0px;}
a{ color:#264b67; text-decoration:none;}
.login-box{ width:1096px; height:100%; text-align:center; margin:0 auto;}

      #phone {
            height:132px;
            width:172px;
            line-height:25px;
            border-radius: 10px;
            margin-bottom: 30px;
            padding-left: 2em;
            background: #eee;
            position: relative;
               position: absolute;
            z-index: 99999;
            font-size: 9px;
            top:155px;
            left:35px;
            display:none;
            padding:5px;
        }

        .diamond {
            height: 60px;
            line-height: 60px;
            font-size: 60px;
            color: #eee;
            position: absolute;
            z-index: -1;
            left:80px;
            top: -28px;
        }
.adress{
    color:#fff;
    font-size:12px;
    font-weight:600;
    text-align:center;
    font-family:'Microsoft YaHei'
    
}
.time{
   color:#fff;
    font-size:12px;
    padding-top:25px;
    padding-bottom:10px;
    padding-left: 20px;
}
.wendu {
    color: #fff;
    width: 60px;
    background:hsla(0,0%,100%,.25) border-box;
	overflow:hidden;
	border-radius:.1em;
	box-shadow:0 0 0 .1px hsla(0,0%,100%,.1) inset,0 .0em 0.1em rgba(0,0,0,0.3);
    height: 60px;
    text-align: center;
    margin-left: 60px;
    font-size: 30px;
    font-weight: 600;
    vertical-align: middle;
}
.tianqi{
    text-align:center;
}
.tianqi b{
    position:relative;
    font-size:16px;
   color:#fff;
     height:30px;
    line-height:30px;
    vertical-align:middle;
    bottom:10px;

}
.detail{
    text-align:center;
    font-size:12px;
    line-height:20px;
    color:#fff;
    
}
.weixinbutton{
    cursor:pointer;
    margin-left: 40px; 
    width:80px;
    height: 25px;
    background:#0870f2;
    border:0;color:#fff;
    border-radius:5px;
}
.weixinbutton:hover{
    color:#eee;
    background:#2a96fb;
}
/*------------------------------------左边区域------------------------------------*/
.login-left{ width:527px; height:528px; background:url(/images2/login/images/box-bg_l.jpg) no-repeat; float:left;margin-top:0px;}
/*.login-left span{  width:376px; height:90px; float:left; margin-top:6px;}*/
.login-pic {
    width: 180px;
    height: 263px;
    position: absolute;
    margin-top: 0px;
    /*background: url('images/tian.png') no-repeat;*/
    color:#264b67;
    left:180px;
}
.login-pic span{
      width:120px;
       float:left;
       text-align:center;       
       color:white;
               }
.login-pic img{
          width:30px;height:30px;margin-top:10px;
           }
.login-left ul{ float: left; padding: 0px 0 0 10px;}
.login-left li{vertical-align: middle; width: 300px;height: 25px;line-height: 25px; text-align: left;text-indent: 13px;background: url(/images2/login/images/img.jpg) no-repeat left;list-style: none;float: left;}
#div_reigster{width: 211px;height: 253px;margin-left:250px;margin-top:210px; }
#div_register_bottom{ top: 200px;height: 50px;position: relative;text-align:left;}
.login-btn_down2{width: 65px; height: 26px;line-height: 26px;color: #875100;border: 0px; background: url(/images2/login/images/login-btn_hover.jpg) no-repeat;cursor: pointer;}

.name{
    width:211px;
    height:100px;
    position:relative;
    padding-top:230px;
    text-align:center;
    cursor:pointer;
}

/*------------------------------------右边区域------------------------------------*/
.login-right{ width:569px; height:528px; background:url(images2/login/images/box-bg_r.jpg) no-repeat; float:left;}
.login-right span{ width:85px; height:22px; float:left; margin:195px 0 14px 43px;}
.login-right dl{ width:234px; height:70px; margin-left:44px; clear:both; _float:left; _margin:0 0 0 22px;}
.login-right dd{ width:50px; height:25px; text-align:right; line-height:25px; float:left; margin-top:6px;}
.login-right dd.checkbox{ width:13px; height:13px; float:left; padding:6px 5px 6px 51px;}
.login-right dd.checkbox1{ width:13px; height:13px; float:left; padding:6px 5px 6px 10px;}
.check{ width:13px; height:13px; float:left; margin:0px; padding:0px;}
.login-right dt{ width:179px; height:25px; line-height:25px; float:left; margin-top:6px}
a {
	color:#111111;
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear
}
a:focus , a:link, a:active { outline:none}
a:hover { color:#F30}
ol, ul, li{	list-style: none}
*{margin:0;padding:0}
html,body { margin:0; padding:0; height:100%}
.table_card { width:569px;padding-top:100px;margin-left:527px;margin-top:0px;height:505px;background:url(/images2/login/images/box-bg_r.jpg) no-repeat;}
.table_card .tab {height: 37px;
    font-size: 15px;
    /* padding-top: 110px; */
    margin-left:10px;
    margin-top: 110px;
    
    width: 325px;}
.table_card .tab li { float:left; height:36px; line-height:36px; padding:0 7px;
                      font-size:15px;color:#111111;   
                      font-family:'Microsoft YaHei';    
                      border-bottom:2px solid #d4d4d4;             
}
.table_card .tab li img{
    width:20px;
    height:20px;
    top:5px;
    right:2px;
    position:relative;
}
.table_card .tab li:hover { height:37px; background:#aed3fd;background-color: rgba(255,255,255,0.4); color:#ff6a00; cursor:pointer;border-radius:3px;}
    .table_card .activ {
        height: 37px !important;
        border-bottom:2px solid #ff6a00 !important;
        color: #ff6a00 !important;

    }
.table_card .tabCon {padding:10px;}
.table_card .tabCon div { display:none; }
.table_card .tabCon .on { display:block; }
.newslist01 { font-size:14px; width:320px;height:500px; margin-top:-20px;}
.newslist01 li { line-height:36px;margin-left:10px;}
.check{ width:13px; height:13px; float:left; margin:0px; padding:0px;}
.newslist01 li dt{ width:179px; height:25px; line-height:25px; margin-top:6px}
.newslist01 li .ding { color:#F30; margin-left:5px}
.newslist01 li .time { float:right; font-size:12px; color:#888}

.weilogin {
    background:#027de5;
    position: relative;
    padding: 10px 105px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
border-radius:5px;
}

/*-----------------------------------输入框事件-----------------------------------*/
.input_off{ font:12px Arial; color:#555; width:220px; height:25px; line-height:25px; border:0px; background:url(/images2/login/images/input-bg.jpg) no-repeat; float:left; border:0px; padding:0px 5px;}
.input_out{ font:12px Arial; color:#666; width:220px; height:30px; line-height:30px;  float:left; border:2px solid #aed3fd; padding:0px 5px;border-radius:5px;}
.input_on{ font:12px Arial; color:#444; width:220px; height:25px; line-height:25px; border:0px; background:url(/images2/login/images/input-bg_hover.jpg) no-repeat; float:left; border:0px; padding:0px 5px;}
.input_move{ font:12px Arial; color:#333; width:220px; height:25px; line-height:25px; border:0px; background:url(/images2/login/images/input-bg_hover.jpg) no-repeat; float:left; border:0px; padding:0px 5px;}

/*-----------------------------------验证码输入框事件-----------------------------------*/
.pin-off{ font:12px Arial; color:#555; width:70px; height:25px; line-height:25px; border:0px; background:url(/images2/login/images/pin-bg.jpg) no-repeat; float:left; border:0px; padding-left:3px;}
.pin-out{ font:12px Arial; color:#666; width:75px; height:25px; line-height:25px; border:0px;border:2px solid #aed3fd;  float:left; padding-left:3px;margin-top:4px;}
.pin-on{ font:12px Arial; color:#444; width:70px; height:25px; line-height:25px; border:0px; background:url(/images2/login/images/pin-hover.jpg) no-repeat; float:left; border:0px; padding-left:3px;}
.pin-move{ font:12px Arial; color:#333; width:70px; height:25px; line-height:25px; border:0px; background:url(/images2/login/images/pin-hover.jpg) no-repeat; float:left; border:0px; padding-left:3px;}


.btn-box{ width:80%; height:26px; line-height:26px; margin:7px 0 0 288px; _margin:0px 0 0 30px; float:left;}
.login-btn0{ width:90px; height:30px; line-height:26px; color:#fff; border:0px; background:url(/images2/login/images/btn.png) no-repeat; float:left; margin-left:7px; cursor:pointer;}
.login-btn{ width:80px; height:30px; line-height:30px; color:#fff; border:0px; background:url(/images2/login/images/login-btn_link.jpg) no-repeat; float:left; margin-left:7px; cursor:pointer;}
.login-btn2{ width:90px; height:30px; line-height:30px;margin-left:20px;background:#39aff3;color:#fff; border:0px;  float:left; margin-left:18px; cursor:pointer;font-size:16px;font-weight:bold;font-family:'Microsoft YaHei'}
.login-btn2:hover{background:#25b3f2;color:#ff6a00}
.login-btn:hover{  background:url(/images2/login/images/login-btn_hover.jpg) no-repeat;}
.login-btn1{ width:80px; height:30px; line-height:30px; color:#fff; border:0px; background:url(/images2/login/images/login-btn_hover.jpg) no-repeat; float:left; margin-left:7px; cursor:pointer;}
.login-btn_down{ width:80px; height:30px; line-height:30px; color:#875100; border:0px; background:url(/images2/login/images/login-btn_hover.jpg) no-repeat; float:left; margin-left:7px; cursor:pointer;}
.login-right ul{ float:left; padding:18px 0 0 42px;}
.login-right li{ width:300px; height:20px; line-height:20px; text-align:left; text-indent:13px; background:url(/images2/login/images/img.jpg) no-repeat left center; list-style:none; float:left; }
.login-right li.xx{ width:300px; height:20px; line-height:20px; text-align:left; text-indent:13px; background:none; list-style:none; float:left; }

/*------------------------------------底部区域------------------------------------*/
.login-bottom {
font: 12px Arial;
width: 1069px;
height: 190px;
background: url(/images2/login/images/login-bottom_bg.jpg) no-repeat center;
clear: both;
margin-top:-80px;
}
.copyright {
    position:relative;top:80px; 
width: 500px;
text-align: center;
height:70px;
line-height:30px;
margin:0 auto;
color:#005aa8;
}
.copyright a{
color:#01335e;
}
.copyright a:hover{
color:#ff6a00;
}
        	#verify {
		height: 34px;
		vertical-align: top;
		font-size: 16px;
	}

	#code_img {
		width: 80px;
		height:30px;
		cursor: pointer;
		vertical-align: top;
        border-radius:5px;
        position:relative;
        left:-15px;
        top:3px;
	}
        img{
            border:0;
        }
        .weixin
        {
            margin: 1px 0 0 5px;
            cursor: pointer;
            height: 25px;
            width: 25px;
        }
        .weixin:hover
        {
            height: 30px;
            width: 30px;
        }

        .app{
            width:280px;
            height:515px;
            position:absolute;
            left:15px;
            overflow:hidden;
            z-index:1;
            display:inline;
            margin-left:285px;
           
           
        }
                .app1{
            width:280px;
            height:515px;
            position:absolute;
            left:15px;
            overflow:hidden;
            z-index:1;
            display:inline;
            margin-left:285px;
               
        }
         .app2{
            width:700px;
            height:537px;
            position:absolute;
            left:25px;
            overflow:hidden;
            z-index:1;
            display:inline;
            margin-left:50px;
            top:20px;
        }

        .colse{
            position:absolute;
            cursor:pointer;
            left:575px;
          z-index:99999;
        }
         .colse1{
            position:absolute;
            cursor:pointer;
            left:775px;
            top:0px;
          z-index:99999;
        }
        .name table tr td img{
           padding-top:3px;
        }
        .name table tr td:hover {
           background:hsla(0,0%,100%,.25) border-box;
	overflow:hidden;
	border-radius:.3em;
	box-shadow:0 0 0 1px hsla(0,0%,100%,.3) inset,0 .1em 1em rgba(0,0,0,0.6);
	text-shadow:0 1px 1px hsla(0,0%,100%,.3);
        }
         .black_overlay {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width:100%;
            height:100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.6;
            opacity: .60;
            filter: alpha(opacity=60);
        }

        .white_content {

            display: none;
            position:relative;
            text-align:center;
            width:220px;
            height:220px;
            z-index: 9002;
            overflow: auto;
            top:55px;
            left:250px;
    
        }
         .white_content img{
             box-shadow: 0 0 20px rgba(0,0,0,0.2);
         }
             .white_content1{
            display: none;
            position: absolute;     
            top: 10%;
            left:25%;
            width:850px;
            height:535px;
            z-index: 1002;
            overflow: auto;
  
        }
           .white_content2{
            display: none;
            position: absolute;
            top:10%;
            left:25%;
            width:850px;
            height:565px;
            z-index: 1002;
            overflow: auto;
        }
             .right{
                 float:right;
                 margin-top:35%;
                 right:5px;
                 cursor:pointer;
             }
               .left{
                 float:left;
                 left:0;
                 margin-top:35%;
          cursor:pointer;
                 
             }
        #ti {
            top: 20%;
            left:40%;
            position: absolute;
            width: 300px;
            height: 200px;
            z-index: 99999;
            display: none;
            border-radius: 5px;
            border: 1px solid #b5b5b5;
            background:#fff;
            box-shadow: 4px 4px 20px #808080;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        }
               #ti table {
                    width:300px;
                   height:150px;
                   margin:0;
               }
               #ti table tr td p{
                   line-height:30px;
               }
               #ti table tr td a:hover{
                   color:red !important;
               }
       
            #phone i{
             font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            line-height:25px ;
            float:left;
            height:25px ;
            color:#624e0c;
            padding-left:5px;
            font-style:normal;
            font-size:11px;
            font-size:12px \9;
        }
             #phone i img{
                 height:25px;
                 line-height:25px;
               position:relative;
               top:6px;
             }
         #phone p{
               line-height:25px;
                }
          .button {
                    display: inline-block;
                    float:right;

                    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
                    *display: inline;
                    vertical-align: baseline;
                    margin: 0 10px;
                    outline: none;
                    cursor: pointer;
                    text-align: center;
                    text-decoration: none;
                    font: 14px/100% Arial, Helvetica, sans-serif;
                    padding: .5em 1.5em .55em;
                    text-shadow: 0 1px 1px rgba(0,0,0,.3);
                    -webkit-border-radius: .5em;
                    -moz-border-radius: .5em;
                    border-radius: .5em;
                    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                    box-shadow: 0 1px 2px rgba(0,0,0,.2);
                }

                    .button:hover {
                        text-decoration: none;
                    }

                    .button:active {
                        position: relative;
                        top: 1px;
                    }

        .orange {
                    color: #fef4e9;
                    border: solid 1px #da7c0c;
                    background: #f78d1d;
                    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
                    background: -moz-linear-gradient(top, #faa51a, #f47a20);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
                }

                    .orange:hover {
                        background: #f47c20;
                        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
                        background: -moz-linear-gradient(top, #f88e11, #f06015);
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
                    }

                    .orange:active {
                        color: #fcd3a5;
                        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
                        background: -moz-linear-gradient(top, #f47a20, #faa51a);
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
                    }
select::-ms-expand { display: none; }
/*--------------------验证码按钮样式--------------------------*/
#ImageBtnweixin {
height: 30px; 
width: 100px;
    position:relative;
    top:3px;
	text-align:center;
	background-color:#e6e6e6;
	font:12px/34px "PingFangSC-Regular,sans-serif";
	color:#111;
	cursor:pointer;
    border-radius:5px;
	outline:none;
    border:none;
}
#ImageBtnweixin:hover{
    color:#ff6a00;
}

/*------------------登录大按钮样式------------------------*/
.bigbutton
{
    width: 230px;
    height: 40px;
    background: #057fff;
    border-radius: 10px;
    color: #fff;
    margin-left: 20px;
    font-size: 20px;
    border: 1px solid #aed3fd;
    cursor: pointer;
    box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(138,138,138,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(138,138,138,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px; /* 让变化的属性在100毫秒内匀速过渡 */
    transition: all 0.1s linear;
}
.bigbutton:hover
{
    background: #faa51a;
}

/*------------------layui相关------------------------*/
.layui-layer-hui {
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
}
.layui-layer-msg {
    min-width: 180px;
    border: 1px solid #D3D4D3;
    box-shadow: none;
}
.layui-layer-dialog {
    min-width: 260px;
}
.layer-anim {
    -webkit-animation-name: layer-bounceIn;
    animation-name: layer-bounceIn;
}
.layui-layer {
    border-radius: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}
.layui-layer-border {
    border: 1px solid #B2B2B2;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.layui-layer {
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.layui-layer, .layui-layer-shade {
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}
.layui-layer-hui .layui-layer-content {
    padding: 12px 25px;
    text-align: center;
}
.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.layui-layer-setwin {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0;
    line-height: initial;
}
.layui-layer-btn {
    text-align: right;
    padding: 0 10px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #4898d5;
    background-color: #2e8ded;
    color: #fff;
}
.layui-layer-btn a {
    height: 28px;
    line-height: 28px;
    margin: 6px 6px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a {
    display: inline-block;
    vertical-align: top;
}