@media screen and (min-width:768px){
	
.main{width:1200px;margin:0 auto;margin-top:20px;border:1px solid #ccc;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;}
.dlbg {  padding: 50px 0; }
.tabs { width: 900px; margin: 0 auto; background: white; padding: 50px; padding-bottom: 50px; box-shadow: 0 14px 28px #ccc; border-radius: 5px; }
.tabs ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #f6f7fb; }
.tabs ul li { float: left; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; text-align: center; font-size: 16px; padding: 10px 15px; border-bottom: 1px solid #dddce1; cursor: pointer; }
.tabs ul li.tabcur { background: #fff; color: #000; border-bottom: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 3px solid #1f1ca2; color: #1f1ca2; }
.tab_login { border: 1px solid #dddce1; }
.tab_login .table_title { overflow: hidden; text-align: center; margin: 0 auto; font-size: 24px; border-bottom: 5px solid #1f1ca2; color: #1f1ca2; font-weight: bold; line-height: 60px; height: 60px; }
.tab1 { padding-left: 260px; }
.tab1 label { float: left; width: 20%; text-align: right; line-height: 48px; height: 48px; padding-right: 2%; font-size: 18px; color:#000;}
.tab1 label i { color: red; font-style: normal; }
.tab1 .tabdiv { margin: 30px 0; display: flex; align-items: center;}
.tab1 .tabdiv img { vertical-align: middle; margin-top: -6px; width: 70px; margin-left: 10px; }
.tab1 input { width: 352px; line-height: 48px; height: 48px; border: 1px #DFDFDF solid; border-radius: 5px; color: #626262; text-indent: 1em; font-size: 16px; }
.player_submit1 { padding-left: 22%; }
.player_submit1 .sub { background-color: #1f1ca2; font-size: 16px; border: none; color: #fff; line-height: 32px; height: 32px; border-radius: 5px; padding: 0 20px; margin-right: 5px; }
.login_p { padding-left: 22%; line-height: 28px; margin-top: 20px; }
.login_faild_tips { color: red; font-style: normal; font-size: 16px; }

input.yzm{width:249px;}
.hq{width: 103px;height: 48px;background: linear-gradient( 315deg, #0564C8 0%, #0180E8 100%);border-radius: 6px;border:none;color:#fff;}

.register_bt { width: 600px;margin: 0 auto;}
.register_bt {width: 380px;margin: 0 auto;margin-top: 20px;}
.register_bt ul {overflow: hidden;text-align: center; margin: 0 auto;}
.register_bt ul li {float: left;width: 130px;margin-left: 40px;height: 60px;line-height: 60px;text-align: center;/* border-bottom: 1px solid #ccc; */font-size: 18px;color: #505050;/* margin-right: 92px; */}
.register_bt ul li.regis_cur {font-size: 18px;border-bottom: 4px solid #0059D5;color: #095ED6;font-weight: bold;}
.register_bt ul li:hover { font-size: 18px;border-bottom: 4px solid #0059D5;color: #095ED6;font-weight: bold; font-weight: bold;cursor: pointer; }

.tjbtndiv{margin:50px auto;}
.tjbtn{width: 352px;
height: 50px;
background: linear-gradient( 315deg, #0564C8 0%, #0180E8 100%);
border-radius: 6px;border:none;margin-left:150px;color:#fff;font-size: 18px;}



}

@media screen and (max-width:767px){
 .main {
        margin:0 auto;
        margin-top: 20px;
        border: 1px solid #ccc;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;
        margin: 5px;
    }

    .dlbg {
        padding: 50px 0;
    }

    .tabs {
        width: 80%;
        margin: 0 auto;
        background: white;
        padding: 50px;
        padding-bottom: 50px;
        box-shadow: 0 14px 28px #ccc;
        border-radius: 5px;
    }

    .tabs ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: #f6f7fb;
    }

    .tabs ul li {
        float: left;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        text-align: center;
        font-size: 16px;
        padding: 10px 15px;
        border-bottom: 1px solid #dddce1;
        cursor: pointer;
    }

    .tabs ul li.tabcur {
        background: #fff;
        color: #000;
        border-bottom: none;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 3px solid #1f1ca2;
        color: #1f1ca2;
    }

    .tab_login {
        border: 1px solid #dddce1;
    }

    .tab_login .table_title {
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
        font-size: 24px;
        border-bottom: 5px solid #1f1ca2;
        color: #1f1ca2;
        font-weight: bold;
        line-height: 60px;
        height: 60px;
    }

    .tab1 {
    }

    .tab1 label {
        float: left;
        width: 24%;
        text-align: right;
        line-height: 38px;
        height: 38px;
        padding-right: 2%;
        font-size: 0.7rem;
        color: #000;
    }

    .tab1 label i {
        color: red;
        font-style: normal;
    }

    .tab1 .tabdiv {
        margin: 17px 0;
        display: flex;
        align-items: center;
    }

    .tab1 .tabdiv img {
        vertical-align: middle;
        margin-top: -6px;
        width: 70px;
        margin-left: 10px;
    }

    .tab1 input {
        width: 60%;
        line-height: 38px;
        height: 38px;
        border: 1px #DFDFDF solid;
        border-radius: 5px;
        color: #626262;
        text-indent: 1em;
        font-size: 0.7rem;
    }

    .player_submit1 {
        padding-left: 22%;
    }

    .player_submit1 .sub {
        background-color: #1f1ca2;
        font-size: 16px;
        border: none;
        color: #fff;
        line-height: 32px;
        height: 32px;
        border-radius: 5px;
        padding: 0 20px;
        margin-right: 5px;
    }

    .login_p {
        padding-left: 22%;
        line-height: 28px;
        margin-top: 20px;
    }

    .login_faild_tips {
        color: red;
        font-style: normal;
        font-size: 16px;
    }

    input.yzm {
        width: 180px;
    }

    .hq {
        width: 70px;
        height: 38px;
        background: linear-gradient( 315deg, #0564C8 0%, #0180E8 100%);
        border-radius: 6px;
        border: none;
        color: #fff;
        font-size: 0.7rem;
    }

    .register_bt {
        width: 600px;
        margin: 0 auto;
    }

    .register_bt {
        width: 380px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .register_bt ul {
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
    }

    .register_bt ul li {
        float: left;
        width: 130px;
        margin-left: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        /* border-bottom: 1px solid #ccc; */
        font-size: 0.8rem;
        color: #505050;
        /* margin-right: 92px; */
    }

    .register_bt ul li.regis_cur {
        font-size: 0.8rem;
        border-bottom: 4px solid #0059D5;
        color: #095ED6;
        font-weight: bold;
    }

    .register_bt ul li:hover {
        font-size: 0.8rem;
        border-bottom: 4px solid #0059D5;
        color: #095ED6;
        font-weight: bold;
        font-weight: bold;
        cursor: pointer;
    }

    .tjbtndiv {
        margin: 30px auto;
    }

    .tjbtn {
        width: 215px;
        height: 40px;
        background: linear-gradient( 315deg, #0564C8 0%, #0180E8 100%);
        border-radius: 6px;
        border: none;
        margin-left: 24%;
        color: #fff;
        font-size: 0.8rem;
    }
}