/* =========

    基本默认值

   ========= */

body{font-size: 14px;line-height: 14px;height: 100%;width: 100%;min-width: 1100px;margin:0;background:#f1f1f1}

a{color: #666;text-decoration: none}

a:hover,a:active{color: #666;text-decoration: none;}

footer a {

 color:white;

}

footer a:hover,footer active{

    color:white;

}

html{color: #666;font-family:"Microsoft Yahei";}

::selection{background-color: #b3d4fc;text-shadow: none;}

ul,dl,dd{margin: 0;padding: 0;}

li{list-style: none;}

p{margin-top:10px;margin-bottom:0}

/* =========

    工具样式

   ========= */

.right{float: right}

.left{float: left;}

.hide{display: none !important;}

.show{display: block !important;}

.invisible{visibility: hidden;}

.clearfix:before,

.clearfix:after{content: "";display: table;}

.clearfix:after{clear: both;}

/*兼容IE6和IE7

.clearfix{

    zoom: 1;

}



/* =============

   自定义页面样式

   ============= */

.w1200{width:1200px;margin:0 auto}



header{width:100%;line-height:90px;background:rgba(49,49,49,0.19)}

header.conmon{background:#fff}

header .logo{width:212px;height:54px;margin-top:18px;margin-right:40px}

header .nav a{width:110px;color:#fff;font-size:16px;text-align: center;float:left}

header.conmon .nav a{color:#333}

header .nav a.cur{border-bottom:3px solid #fff;font-weight:bold}

header .nav a.cur1,.fixednav .nav a.cur1,.fixednav .nav a.cur{border-bottom:3px solid #3ab0fd;font-weight:bold;color:#3ab0fd !important}

header .login{margin-top:20px}

header .login{width:150px;line-height:48px;border:1px solid #fff;border-radius:4px;color:#fff;display: block;background:url(../images/dl_icon.png) no-repeat 28px center;text-align: center;font-size:16px;}

header.conmon .login,.fixednav .login{border:1px solid #3ab0fd;border-radius:4px;color:#3ab0fd;display: block;background:url(../images/dl_icon1.png) no-repeat 28px center;text-align: center;font-size:16px;}

.fixednav {

    position: fixed !important;

    top: 0px !important;

    left: 0px !important;

    width: 100% !important;

    background: #000 !important;

    z-index: 99;

    -webkit-transition: .4s all ease-in-out;

    -o-transition: .4s all ease-in-out;

    transition: .4s all ease-in-out;

}

.fixednav .nav a{color:#fff !important}

footer{width:100%;background:#6b6b6b;padding:30px 0;margin-top:30px}

footer p{color:#fff;text-align: center;}



.c-banner{width: 100%;position: relative;}

.c-banner img{width: 100%;}

.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}

.c-banner .banner ul li:first-child img{position: relative;}

.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;border-radius: 5px;z-index: 10;}

.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.3;}

.c-banner .nexImg{right: 0px;}

.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}

.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}

.c-banner .jumpBtn ul li{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}

.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}





.class_list{margin:0 auto 30px auto}

    .class_list li {

        width: 270px;

        background: #fff;

        padding: 10px;

        margin-left: 12px;

        float: left;

        margin-top: 20px;

    }

        .class_list li > div {

            border: 1px solid #f1f1f1;

            height:100%;

            width:100%;

        }

.class_list li:first-child,.class_list li:nth-child(5){margin-left:0}

        .class_list li a {

            display: block;

            text-align: center;

            padding-bottom: 5px;

            color: #3ab0fd

        }

.class_list li a.kc:hover{background:#f8fbfd}

    .class_list li a > img {

        width: 225px;

        height: 150px;

        padding: 25px 0

    }

.class_list li h1{font-size:16px;color:#333;text-align:center}

.class_list li .type{line-height:45px;margin-bottom:20px;text-align:center}

.class_list li .type img{vertical-align: middle;margin-right:5px;margin-left:30px}

.class_list li .type img:first-child{margin-left:0}

.class_list li .btn{width:125px;line-height:30px;border:1px solid #3ab0fd;color:#3ab0fd;border-radius:6px;margin:20px auto}

        .class_list li .info{

            height:40px;

           text-align:center;

        }

        .class_list li .info a {

            display: inline-block;

        }

            .class_list li .info a:last-child{

               margin-left:10px;

            }

            .class_list li .info a .tkxz {

                background: url(../images/tkxz.png) no-repeat top center;

                display:inline-block;

                width:16px;

                height:16px;

                margin-right:2px;

            }

            .class_list li .info a .zxlx {

                background: url(../images/zxlx.png) no-repeat top center;

                display: inline-block;

                width: 16px;

                height: 16px;

                margin-right: 2px;

            }

            .menu_btn {

                width: 100%;

                height: 230px;

                background: url(../images/bg.png) no-repeat top center;

                padding-top: 90px

            }

.menu_btn .content{width:998px;height:223px;background:url(../images/menu_bg1.png) no-repeat center}

.menu_btn .content li{width:172px;float:left;height:223px;text-align: center;margin-left:60px}

.menu_btn .content li a{display:block;color:#333;padding:60px 0}

.menu_btn .content li h1{font-size:14px;margin-top:10px}

.menu_btn .content li a span{color:#666}

.menu_btn .content li a .moni{width:42px;height:39px;margin:0 auto;background:url(../images/moni_icon1.png)}

.menu_btn .content li a .check{width:42px;height:39px;margin:0 auto;background:url(../images/chaxun_icon1.png)}

.menu_btn .content li a .download{width:42px;height:39px;margin:0 auto;background:url(../images/xiazai_icon1.png)}

    .menu_btn .content li a .czzn {

        width: 42px;

        height: 39px;

        margin: 0 auto;

        background: url(../images/czzn.png)

    }

.menu_btn .content li:hover h1,.menu_btn .content li:hover span{color:#fff}

.menu_btn .content li:hover{background:url(../images/menu_bg.png) no-repeat center}

.menu_btn .content li:hover .moni{background:url(../images/moni_icon.png)}

.menu_btn .content li:hover .check{background:url(../images/chaxun_icon.png)}

.menu_btn .content li:hover .download{background:url(../images/xiazai_icon.png)}

@media screen and (min-width: 1920px) {

    .menu_btn {margin:0 auto}

}





.news{width:660px;background:#fff;border-radius:4px;padding:20px;float:left}

.news h1{font-size:16px;color:#333}

.news h1 a,.news .list a .time{color:#999;font-size:12px;font-weight:normal;float: right;}

.news .list a{line-height:55px;height:55px;border-bottom:1px dashed #f1f1f1;display: block;}

.news .list a .title{width:450px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;float:left;color:#333}

.news .list a:hover .title{font-weight:bold}



.contact {

    width: 450px;

    padding: 20px;

    min-height:316px;

    float: right;

    background: #fff;

    border-radius: 4px;

}

.contact li{margin-top:20px}

.contact .icon{float:left}

.contact .content{float:left;margin-left:20px}

.contact .content h1{font-size:14px;color:#36aefd;}



.account_left{width:300px;float:left;margin-top:10px}

.account_left .information,.account_left .a_nav{background:#fff;border-radius:4px;text-align: center;padding:20px}

.information h1{font-size:16px;margin:40px 0}

.information .btn a{width:230px;height:45px;line-height:45px;text-align: center;border-radius:4px;display: block;margin-top:10px;margin:10px auto}

.information .btn a.write{background:#3ab0fd;color:#fff}

.information .btn a.out{background:#f1f1f1;color:#999}

.account_left .a_nav{margin-top:10px}

.account_left .a_nav a{line-height:20px;color:#333;text-align: left;display: block;padding-left:20px;margin:25px 0}

.account_left .a_nav a.cur,.account_left .a_nav a:hover{border-left:4px solid #3ab0fd;color:#3ab0fd}

.account_right{width:880px;float:right;}

.account_right .class_content,.baoming_list{padding:20px;background:#fff;border-radius:4px;margin-top:10px; min-height:500px;}

.account_right .class_content .content{float:left;margin-left:20px;}

.account_right .class_content .content h1{font-size:16px;font-weight:bold;color:#333;}

.account_right .class_content .content h1 span{color:#999;font-size:13px;margin-left:15px;font-weight:normal}

.account_right .class_content .content li{float:left;width:210px;text-align: center;border-right:1px solid #f1f1f1;margin-top:35px;line-height:20px}

.account_right .class_content .content li:last-child{border:0}

.account_right .class_content .content li span{color:#999}

.account_right .class_content .content li em{color:#3ab0fd}





.list_title{background:#f9fdff;color:#333;font-weight:bold;line-height:50px}

.list_title li,.list_content dl dd{width:140px;text-align: center;float:left}

.list_title1 li,.list_content1 dl dd{width:160px}

.list_content li{border-bottom:1px dashed #f1f1f1;line-height:45px}

.list_content dl .open_btn{height:17px;width:17px;background:url(../images/open_icon.png) no-repeat ;margin:14px auto}

.list_content dl .open_btn1{height:17px;width:17px;background:url(../images/close_icon.png) no-repeat center}

/*.open_content{background:#fafafa;padding:20px;display:none}

.open_content li{border-bottom:1px solid #f1f1f1}

.open_content li>div{margin-left:70px;float:left;text-align: left;color:#999;margin-top:15px}

.open_content li div:first-child{margin-left:0}

.open_content li div:nth-child(2){margin-left:10px;margin-top:27px}

.open_content li div p{color:#333;margin-top:0;margin-bottom:10px;line-height:20px}

.open_content li div span{color:#999}

.open_content li div img{width:60px;height:80px}

    .open_content li a {

        color: #36AEFD;

        text-decoration: underline;

        display: inline-block;

        border: 1px solid #36AEFD;

        margin-right: 4px;

        border-radius: 5px;

        padding: 2px;

    }

.open_content li a:first-child{margin-top:15px}*/



.table{width:100%;border-collapse: collapse;text-align: left;}

.table th{background:#f9fdff;color:#333;font-weight:bold;line-height:45px;padding:0 10px}

.table tr:not(.store-tr):hover {

        background: #f1f1f1

  }

.table td{border-bottom:1px dashed #f1f1f1;padding:15px 10px}

.table td p{line-height:20px}

.table td p span,.c999{color:#999}

.table td .person img{float:left;width:120px;height:80px}

.table td .person div{float:left;margin-left:10px}

.table td a{color:#3ab0fd}

.blue{color:#36AEFD !important}

.green{color:#14b308}

.screen li{margin-left:20px}

.screen li,.screen label{float:left;line-height:40px}

.screen input, .add li input, .add li select, .screen select {

    width: 180px;

    line-height: 40px;

    height: 40px;

    border: 1px solid #ccc;

    border-radius: 4px;

    float: left;

    margin-left: 5px;

    padding: 0 10px

}

    .add li select{

        width:200px

    }

    .screen a {

        padding: 0 15px;

        color: #fff;

        border-radius: 4px;

        background: #3ab0fd;

        line-height: 40px;

        display: inline-block;

        margin-left: 15px

    }

.screen li:last-child{float:right}





.add h1 {

    font-size: 16px;

    line-height: 40px

}



.add .remarks {

    line-height: 40px;

    background: #fbfbfb;

    color: red;

    border-radius: 4px;

    padding: 0 10px

}



.baoming_list .remarks {

    line-height: 40px;

    background: #fbfbfb;

    color: red;

    border-radius: 4px;

    padding: 0 10px;

    padding-right:20px

}

.baoming_list .remarks a{

    color:orange

}



.add ul {

    margin-top: 20px

}



.add li label {

    width: 80px;

    float: left;

    margin-left: 10px;

    line-height: 40px;

    margin-bottom: 10px

}



.add li {

    float: left

}



    .add li:first-child {

        width: 670px

    }



    .add li:last-child {

        width: 130px

    }



        .add li:last-child p {

            text-align: center;

            color: #999

        }



    .add li>div {

        width: 330px;

        height: 55px;

        float: left

    }



    .add li input {

        margin-bottom: 10px

    }



        .add li input[type="radio"] {

            width: 15px !important;

            float: left

        }



    .add li span {

        float: left;

        margin-top: 15px

    }



.add_btn {

    width: 180px;

    margin: 20px auto

}



    .add_btn a {

        line-height: 40px;

        padding: 0 25px;

        background: #36AEFD;

        color: #fff;

        display: inline-block;

        border-radius: 4px

    }





.contacts{line-height:50px;border-top:1px solid #ededed;margin-top:30px}

.contacts img,.contacts div{float:left}

.contacts img{margin-right:15px;margin-top:13px}

.jindu h1{font-size:16px;margin-bottom:25px}

.jindu span{width:25px;height:25px;border-radius:100px;color:#fff;background:#36AEFD;text-align: center;line-height:25px;display: inline-block;}

.jindu_details{840px;padding:0 15px;background:#f9f9f9;border-radius:4px;margin:10px 0}

.jindu_details p{float:left;width:250px;line-height:40px;margin-top:0}

.jindu b{margin-left:10px;display: inline-block;}





.videolist { position:relative; width:185px;height:150px;float:left; z-index:0}

.videolist:hover{ cursor: pointer; }

.videoed { display:block; width:50px; height:50px; position: absolute; left:38%; top:38%; z-index:99; border-radius:100%; }

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }



.news_list li a{line-height:50px;border-bottom:1px dashed #ededed;display: block;}

.news_list li span{float:right;color:#999}

.news_list li a:hover{background:#f1f1f1}

.news_content h1{font-size:16px;text-align: center;}

.news_content .date{auto;text-align: center;line-height:40px}

.news_content .date span{color:#36AEFD;margin-right:10px}

.news_content .con p{line-height:20px;color:#666}

.news_content .con p img{ width:100%;}



.Slider{width:180px;position:fixed;top:200px;right:60px;border:1px solid #ededed;background:#f1f1f1;text-align: center;padding:20px 0}

.Slider img{width:180px;height:206px;}

.Slider p{color:#999}



.infor{width:1000px;float:left}

.infor label,.infor input,.infor .btn a{margin-top:10px}

.infor label{width:135px;float:left;line-height:40px;margin-left:50px}

.infor label span{color:red}

.infor input{width:280px;padding:0 10px;float:left;line-height:40px;border:1px solid #ededed;border-radius:4px}

.infor .btn a,.dl_btn a{width:40px;line-height:44px;border-radius:4px;color:#fff;background:#36AEFD;float:left;text-align: center;margin-left:10px}

.flie{width:170px;height:120px;font-size:24px;color:#999;float:right;background:#f1f1f1;border-radius:4px;text-align: center;padding-top:80px;margin-top:20px}

.flie p{font-size:14px}

.dl_btn{

    text-align:center;

}

.dl_btn a {

    width: 100px;

    margin: 50px auto;

    float: none;

    display: inline-block;

}

    .dl_btn a.cancel {

        background: #ccc;

    }





.lesson_bg{width:100%;height:100px;background:url(../images/bg1.png) no-repeat center;color:#fff;text-align: center;font-size:24px;padding-top:50px}

.lesson_bg p{font-size:14px;margin-top:10px}

.lesson_banner{margin-top:10px}

.lesson_banner img{width:800px;float:left;height:500px}

.lesson_list{width:350px;background:#393939;color:#c7c7c7;float:left;padding:0 20px}

.lesson_list h1{font-size:16px;line-height:40px}

.lesson_list ul{height:440px;overflow-y: auto}

.lesson_list ul li{font-weight:bold;margin-top:35px}

.lesson_list ul li:first-child{margin-top:0}

.lesson_list ul li p{font-weight:normal}

.lesson_list ul li a:hover,.lesson_list ul li a.cur{color:#36AEFD}

.lesson_list ul::-webkit-scrollbar {display: none}

.lesson_gangwei{margin:20px auto}

.lesson_gangwei li{width:540px;background:#fff;border-radius:4px;padding:20px;float:left;margin-top:15px;margin-left:10px}

    .lesson_gangwei li img {

        float: left;

        width: 200px;

        height: 150px;

    }

    .lesson_gangwei li .con {

        float: left;

        width: 340px

    }



.lesson_gangwei li .name{margin-left:40px}

.lesson_gangwei li .name h1{font-size:16px; margin-bottom:40px;}

    .lesson_gangwei li .btn a{

        display:inline-block;

        width: 150px;

        margin-top: 30px;

        line-height: 40px;

        border-radius: 4px;

        background: #36AEFD;

        color: #fff;

        text-align: center;

        margin-left: 50px;

        cursor:pointer;

    }



    .lesson_gangwei li .close a {

        display: inline-block;

        width: 150px;

        margin-top: 30px;

        line-height: 40px;

        border-radius: 4px;

        background: #f1f1f1;

        color: #999;

        text-align: center;

        margin-left: 50px;

        cursor: pointer;

    }



.xueyuan_choice li{width:310px;border-radius:4px;padding:20px;background:#fbfbfb;float:left;border:1px solid #ededed;float:left;margin-left:20px;margin-top:15px}

.xueyuan_choice li:hover,.xueyuan_choice li.cur{background:#f9fdff;border:1px solid #36AEFD}

.xueyuan_choice li .student img{float:left;width:80px;height:80px;border-radius:100px;}

.xueyuan_choice li .student div{float:left;margin-left:15px}

.xueyuan_choice li .student p:first-child{font-weight:bold;color:#000}

.xueyuan_choice label,.xueyuan_choice input{float:left;line-height:30px;margin-top:15px}

.xueyuan_choice label{width:90px}

.xueyuan_choice input{width:180px;border:1px solid #ededed;border-radius:4px;background:#fff;padding:0 10px}

.xueyuan_choice .up_file{width:280px;margin:20px auto}

.xueyuan_choice .up_file dd{width:130px;padding-top:50px;height:100px;color:#999;font-size:30px;text-align: center;float:left;background:#fff;border-radius:4px}

.xueyuan_choice .up_file dd p{font-size:14px}

.xueyuan_choice .up_file dd:last-child{margin-left:20px}

.tips{margin-left:20px}

.tips p:first-child{color:red}





.mask{margin:0;padding:0;border:none;width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);z-index:9999;position:fixed;top:0;left:0;display:none;}

.close_btn img{width:20px;height:20px;float:right;margin:10px}

.dl_logo{text-align: center;}

.dl_logo img{width:180px;margin:0 auto}

#LoginBox{position:fixed;background:#fff;padding-bottom:30px;border-radius:7px;z-index:10000;display:none;top:50%;left:50%;margin-top:-196px;margin-left:-395px }

#LoginBox .right1{width:400px;}

#LoginBox h1{font-size:16px;text-align: center;margin-bottom:30px}

#LoginBox ul{width:300px;margin:0 auto}

#LoginBox ul li{margin-top:10px}

#LoginBox input,#LoginBox select,#loginbtn,#subformtn{width:100%;border-radius:4px;line-height:40px;height:40px;border:0;padding:0 10px;box-sizing: content-box;}

#LoginBox input,#LoginBox select{background:#f1f1f1}

#loginbtn{color:#fff !important;background:#4490f7;display: block;text-align: center;}

#subformtn{color:#fff !important;background:#4490f7;display: block;text-align: center;}

#LoginBox ul li a{color:#36AEFD}

#LoginBox ul li p{text-align: center;color:#999}

#LoginBox ul li p:first-child{margin-top:30px}

.warning{float:right;color:Red;text-decoration:none;font-size:20px;font-weight:bold;margin-right:20px;display:none;}



.icheckbox_square-green,

.iradio_square-green {

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    margin: 0;

    padding: 0;

    width: 22px;

    height: 22px;

    background: url(../images/green.png) no-repeat;

    border: none;

    cursor: pointer;

}



.icheckbox_square-green {

    background-position: 0 0;

}



    .icheckbox_square-green.hover {

        background-position: -24px 0;

    }



    .icheckbox_square-green.checked {

        background-position: -48px 0;

    }



    .icheckbox_square-green.disabled {

        background-position: -72px 0;

        cursor: default;

    }



    .icheckbox_square-green.checked.disabled {

        background-position: -96px 0;

    }



.iradio_square-green {

    background-position: -120px 0;

}



    .iradio_square-green.hover {

        background-position: -144px 0;

    }



    .iradio_square-green.checked {

        background-position: -168px 0;

    }



    .iradio_square-green.disabled {

        background-position: -192px 0;

        cursor: default;

    }



    .iradio_square-green.checked.disabled {

        background-position: -216px 0;

    }

.xgcl {

    width: 120px;

    height: 50px;

    line-height: 50px;

    border: 1px solid #ccc;

    margin: 0 auto;

    border-radius: 5px;

    display: inline-block;

    cursor: pointer;

    overflow:hidden;

}

    .xgcl img {

        width: 120px;

        height: 50px;

    }



    .xgcl.noselect{

        border:1px solid red;

    }



    .store-tr{

        display:table-row !important;

    }

.open_content {

  display:none;

}



.open_content > li {

    border-color: #bce8f1;

    border: 1px solid #bce8f1;

    border-radius: 5px;

    margin-bottom: 10px;

    margin-left:30px;

}

.open_content > li:hover {

    background-color: #f5f5f5;

    cursor:pointer;

} 



.open_content li > .title {

    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);

    padding-left: 10px;

}

.open_content li > .title .edit {

    display:none;

    float:right;

    margin-right:15px;

    color:red;

}

.open_content > li:hover .edit {

    display: block;

}



.open_content .title>div{

    display:inline-block;

    margin-right:20px;

}

.open_content .cont .card, .open_content .cont .info{

   float:left;

}

.open_content .cont .card {

    width: 60px;

    padding: 15px 0 0 10px;

}

.open_content .cont .info {

    width: 736px;

    padding-top: 22px;

}

    .open_content .cont .info .title {

        height: 32px;

        line-height: 18px;

    }

    .open_content .cont .info .cl a {

        display: inline-block;

        border: 1px solid #c4e3f3;

        border-radius: 5px;

        width: 50px;

        height: 40px;

        padding: 1px;

    }





    .open_content .cont .info .cl a:hover {

       border:1px solid red;

       padding:1px;

    }

    .open_content .cont .info .cl img {

        width: 50px;

        height: 40px;

        border-radius:5px;

    }



.col-3 {

    width: 25%;

    float: left;

    text-align: center;

    overflow: hidden;

    overflow-x: auto;

    min-height: 32px;

}

.col-2 {

    width: 16.6666666666%;

    float: left;

    text-align: center;

    overflow: hidden;

    overflow-x: auto;

    min-height: 32px;

}

.col-4 {

    width: 33.33333333333%;

    float: left;

    text-align: center;

    overflow: hidden;

    overflow-x: auto;

    min-height: 32px;

}

.col-4 {

    width: 33.33333333333%;

    float: left;

    text-align: center;

    overflow: hidden;

    overflow-x: auto;

    min-height: 32px;

}

.col-9 {

    width: 75%;

    float: left;

    text-align: center;

    overflow: hidden;

    overflow-x: auto;

    min-height: 32px;

}

.layer-content {

   text-align:center;

}

.layer-content .line {

   display:inline-block;

   margin-bottom:5px;

   margin-right:10px;

}

.layer-content .line .title{

    text-align:center;

}



.layer-content .cl{

    border-radius:10px;

    height:60px;

    width:120px;

    border:1px solid #ccc;

}

    .layer-content .cl img{

        border-radius: 10px;

        height: 60px;

        width: 120px;

        border:none;

    }



    .layer-content .cl input {

        width: 88%;

        height: 48px;

        margin-top: 5px;

        padding: 0 5px;

        border: none;

       

    }

        .layer-content .cl input:focus {

            border: none;

            outline: none;

        }



.cxtj{

    text-align:right;

}

.cxtj button {

    width: 130px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 4px;

    display: inline-block;

    margin-top: 10px;

    margin: 10px auto;

    background: #3ab0fd;

    color: #fff;

}

    .cxtj button:active {

        border-style: none;

    }

    .cxtj button:focus {

        outline: none;

    }