body{margin: 0;padding:0;font-family:"Microsoft YaHei" ;}
/*通用居中容器*/
.container{width: 1200px;margin: 0 auto;}
/*通用全屏容器*/
.container-full{width: 100%;min-width: 1200px;background-color:#F8F8F8;}
/*一、首页样式*/
/*头部样式*/
.header{height: 85px;margin-top: 18px;}

.header .container .h-l-logo{height: 65px;width: 165px;float: left}
/*头部搜索样式*/
.header .container .h-r-search{margin-left: 130px;padding-left: 10px;height: 38px;width: 400px;float: left;border: 2px solid #0098e8;}

.header .container .h-r-search input{margin-left: 10px;border: none;height: 35px;width: 250px;font-size: 15px;}

.header .container .h-r-search button{float: right;border: none;height: 38px;background-color: #0098e8;color: #fff;font-size: 16px;padding:0 10px;}

.header .container .h-r-search .h-r-s-words{display:block;color:#919191;font-size: 13px;margin-top: 10px}

.header .container .h-r-search .h-r-s-words .h-r-s-w-text{margin-right: 15px;text-decoration:none;color: #919191}

.header .container .h-r-login .h-login-text{float: right;width: 100px;}

.header .container .h-r-login .h-login-text a{text-decoration:none;color: #616161}

.header .container .h-r-login{width: 38px;height: 60px;float: right;}

.header .container .h-r-login .personal{width: 40px;height: 1px;float: right;line-height: 60px;text-align: center;}

.header .container .h-r-login .personal a img{width: 35px;height: 35px;border-radius: 50%;}

.header .container .h-r-login .personal:hover .userlist{display:block;}

.header .container .h-r-login .userlist{position:relative;height: 100px;display: none;}

.header .container .h-r-login .userlist ul{border:1px solid rgb(243,243,243);list-style: none;background-color:rgb(255,255,255);width: 125px;padding:5px;position: absolute;left: -60px;top:-40px;border-radius: 5px;}

.header .container .h-r-login .userlist ul li a{height: 40px;display:block;color: rgb(102,102,102);text-decoration:none;font-size: 15px;line-height: 40px}

.header .container .h-r-login .userlist ul li a:hover{background-color: rgb(243,244,246);}

.header .container .h-r-login .userlist ul li .quit{border-top: 1px solid rgb(243,243,243)}
/*主体样式开始*/
.main .container .menu{width: 100%;height: 50px;}

.main .container .menu .m-l-class-title{float: left;padding-left: 15px;width: 207px; height: 50px;background-color: #0098e8;color: #fff;font-size: 17px;line-height: 50px;border-top-right-radius:4px;border-top-left-radius:4px;}

.main .container .menu .m-r-main-menu{ width: 650px;height: 50px;float: left;}

.main .container .menu .m-r-main-menu ul{list-style: none;margin: 0;}

.main .container .menu .m-r-main-menu ul li{float: left;width: 110px;height: 50px;line-height: 50px;}

.main .container .menu .m-r-main-menu ul li a{text-decoration:none;color: #616161;transition: 0.8s}

.main .container .menu .m-r-main-menu ul li a:hover{color: #0098e8;border-bottom: 2px solid #0098e8}

.main .container-full .menu-pic{display: table-cell;text-align: center;width: 100%;height: 440px;position: absolute;background-color: #39A0FD;background-size: 150%;border-radius: 4px;}

.main .container .banner{width:100%;height: 438px;left: 0;position: relative;}

.main .container .banner .b-l-class-list{height: 100%;width:222px;background-color: rgba(245,245,245,0.88);float: left;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}

.main .container .banner .b-l-class-list ul{list-style:none;margin:0;padding: 0;width:192px;position: relative;}

.main .container .banner .b-l-class-list ul .b-l-c-text{height: 37px;width: 100%;padding: 18px 15px;border-bottom: 1px solid #edeff1}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-one a{font-size: 15px;text-decoration:none;color: #616161;display: inline-block;height: 25px;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-one i{color: #11adff;font-size: 20px;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-tow a{font-size: 14px;text-decoration:none;color: #616161;}

.main .container .banner .b-l-class-list ul .b-l-c-text:hover{background-color: #0098e8;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full{background-color:#fff;border:1px solid #0098e8;height: 438px;width: 680px;position: absolute;left: 222px;top: 0;display: none;}

.main .container .banner .b-l-class-list ul .b-l-c-text:hover span a{color:#fff;}

.main .container .banner .b-l-class-list ul .b-l-c-text:hover i{color:#fff;}

.main .container .banner .b-l-class-list ul .b-l-c-text:hover .b-l-c-r-full{display: block;}

.main .container .banner .b-l-class-list ul .b-l-c-text a:hover{text-decoration:underline;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol{list-style: none;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li{height: 42px;width: 590px;line-height: 42px;border-bottom: 1px dashed #ccc;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li .b-l-c-r-f-right-one{display: inline-block;width: 116px;height: 40px;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li .b-l-c-r-f-right-one a{color: #333}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li .b-l-c-r-f-right-two{display: inline-block;color: #dcdcdd;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li .b-l-c-r-f-right-two a{color: #666}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li a{text-decoration:none;margin:0 10px;}

.main .container .banner .b-l-class-list ul .b-l-c-text .b-l-c-r-full ol li a:hover{text-decoration:underline;color: #f95162}

.main .container .banner .b-r-login-front{text-align: center;width: 230px;height: 250px;float: right;margin-top: 110px;background-color: rgba(245,245,245,0.88);padding: 20px 0;border-radius: 4px;}

.main .container .banner .b-r-login-front p{font-size: 15px;}

.main .container .banner .b-r-login-front img{margin:20px auto;}

.main .container .banner .b-r-login-front button{margin: 0 auto;border: none;color: #fff;background-color:#0098e8;;width: 210px;height: 40px;font-size: 15px;border-radius: 5px;cursor:pointer}

.main .container .banner .b-r-login-front button:hover{background-color:#46B2FB;}

.main .container .banner .b-r-login-affter{width: 200px;height: 220px;float: right;margin-top: 120px;background-color: rgba(245,245,245,0.88);padding: 20px 15px;border-radius: 4px;}

.main .container .banner .b-r-login-affter .quit{display: inline-block;height: 35px;width: 90px;background-color:rgb(251,113,60);float: left;text-align: center; line-height: 35px;text-decoration:none;margin:20px 55px;color: rgb(255,255,255);border-radius: 5px;font-size: 15px;}

.main .container .banner .b-r-login-affter .b-r-login-userimg{width:82px;height:82px;float: left;}

.main .container .banner .b-r-login-affter .b-r-login-username{display: inline-block;width:95px;height:82px;line-height: 82px;float: left;margin-left: 18px;color: rgb(51,51,51);}

.main .container .banner .b-r-login-affter .b-r-login-username:hover{color: rgb(251,113,60);}

.main .container .banner .b-r-login-affter .b-r-login-list{float: left;list-style: none;margin: 0;padding: 0;}

.main .container .banner .b-r-login-affter .b-r-login-list li{float: left;height: 70px;width: 90px;background-color: rgb(238,239,240);text-align: center;margin-top:20px;margin-left: 55px;}

.main .container .banner .b-r-login-affter .b-r-login-list .b-r-login-list-cour .coures-userall{display: inline-block;border: none;width: 90px;height: 35px;color: rgb(255,255,255);background-color: rgb(16,163,230);font-size: 15px;border-radius: 5px;text-decoration:none;line-height:35px; }

.main .container .banner .b-r-login-affter .b-r-login-list .b-r-login-list-cour .courses-num{display: inline-block;height: 45px;width: 65px;line-height:45px;font-size: 18px;}

.main .container .banner .b-r-login-affter .b-r-login-list .b-r-login-list-cour .courses-num a{color: rgb(251,113,60);text-decoration:none;}
/*课程主体开始*/
.bottom-main .container-full .coures{width: 1200px;margin: 0 auto;padding-top: 10px;}

.bottom-main .container-full .coures .coures-recommend .c-r-title{height: 33px;margin-top: 15px;border-bottom: 1px solid rgb(223,223,223);color: #616161}

.bottom-main .container-full .coures .coures-recommend .c-r-title span{display: block;height: 33px;width: 120px;font-size: 17px;border-bottom: 2px solid #0098e8}

.bottom-main .container-full .coures .coures-recommend .c-r-list{width: 1200px;text-align: center;}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul{list-style: none;padding: 0 4px;}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul .c-r-l-u-text{width: 23%;background-color:#FFF;border: 1px solid #E4ECF3;border-radius: 5px;transition: 0.4s;display: inline-block;margin:8px;padding: 5px 0}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul .c-r-l-u-text .coures-title{height: 30px;width: 250px;text-align: left;padding-top:10px; padding-left: 10px;}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul .c-r-l-u-text .coures-title a{font-size: 15px;text-decoration:none;color: #666;}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul .c-r-l-u-text .coures-pv{font-size: 15px;color:#8B8B83;text-align: left;padding:5px 10px;}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul .c-r-l-u-text:hover{box-shadow: 0 10px 25px rgb(233,233,233);}

.bottom-main .container-full .coures .coures-recommend .c-r-list .c-r-l-ul .c-r-l-u-text:hover a{color: #46C578;font-size: 16px;}

.bottom-main .container-full .coures .coures-more{height:80px;width: 100%;text-align: center;line-height: 80px;}

.bottom-main .container-full .coures .coures-more .c-m-button{display: inline-block;width:160px;height: 45px;background-color:#F0F0F1 ;text-decoration:none;line-height: 45px;border-radius: 5px;border:1px solid #dcdcdc;font-size: 15px;color: #333}

.bottom-main .container-full .coures .coures-more .c-m-button:hover{background-color: #E1E1E1}

.main .index-information{width: 100%;background-color:#F5F8FA;margin:60px 0;overflow: hidden;padding: 40px 0}

.main .index-information .i-i-main .container .i-i-left{float: left;background-color:#fff;width: 48%;border-radius: 10px;border: 1px solid #E3ECF4}

.main .index-information .i-i-main .container .i-i-left .i-i-l-list{list-style: none;}

.main .index-information .i-i-main .container .i-i-left .i-i-l-list li a{display: inline-block;text-decoration:none;height: 40px;width: 100%;line-height: 40px;color: #616161}

.main .index-information .i-i-main .container .i-i-left .i-i-l-title{width: 95%;margin: 10px 15px;font-size: 16px;border-bottom:1px solid #f5f5f5;overflow: hidden;}

.main .index-information .i-i-main .container .i-i-left .i-i-l-title .i-i-l-t-left{display:block;float: left;height: 35px;line-height: 35px;color: #313131}

.main .index-information .i-i-main .container .i-i-left .i-i-l-title .i-i-l-t-right{display:block;float: right;height: 35px;line-height: 35px;color: #b5b5b5}

.main .index-information .i-i-main .container .i-i-left .i-i-l-title .i-i-l-t-right a{text-decoration:none;color: #666;}

.main .index-information .i-i-main .container .i-i-left .i-i-l-title .i-i-l-t-right a:hover{color: #46C578;font-size: 16px;}

.main .index-information .i-i-main .container .i-i-right{float: right;background-color:#fff;width: 48%;border-radius: 5px;border: 1px solid #E3ECF4}
/*友情链接*/
.footer-friendly-link{height: 90px;width: 100%;line-height: 90px;}

.footer-friendly-link .container-full .f-f-l-ul{list-style: none;}

.footer-friendly-link .container-full .f-f-l-ul li{float: left;font-size:14px;}

.footer-friendly-link .container-full .f-f-l-ul li a{text-decoration:none;color: #333;}

.footer-friendly-link .container-full .f-f-l-ul li a:hover{color: #43bc60;}

.footer-friendly-link .container-full .f-f-l-ul .f-f-l-u-li{margin-left: 36px;}

.footer-friendly-link .container-full .f-f-l-ul .f-f-l-u-t .f-f-l-u-l-title{font-weight: bold;}
/*底部公共样式*/
.all-footer{background-color:#F0F0F1;height: 138px;width: 100%;}

.all-footer .f-left{width: 20%;height:100%;float: left;text-align: center;padding: 10px 0;border-top: 1px solid #DCDCDC;}

.all-footer .f-left .f-l-text{font-size: 13px;display:block;margin: 0;color:#666666}

.all-footer .f-right{width: 80%;height: 100%;float: right;text-align: right;line-height: 25px;color: #666666;padding: 35px 0;font-size: 14px;border-top: 1px solid #DCDCDC}

.all-footer .f-right a{text-decoration:none;color: #616161}
/*会员操作*/
/*单设备登陆*/
.one-go-index{display: inline-block;width: 130px;height: 40px;background-color: #0098e8;margin: 20px;border-radius: 5px;line-height: 40px;text-align:center;color: #fff;font-size: 16px;text-decoration: none}
/*登陆*/
.main-login{padding: 20px;margin-top: 10px;}

.main-login .main-login-input{height: 65px;text-align:center;}

.main-login .main-login-input .m-l-i-u-input{height: 40px;width: 95%;border: 1px solid #e6e6e6;border-radius: 5px;padding-left: 10px;}

.main-login .main-login-input .m-l-i-u-input:hover{border-color:#3385FF}

.main-login .main-login-button{height:55px;}

.main-login .main-login-button .m-l-but-a{display:block;height:40px;background: #299BE4;text-align: center;color: #fff;font-size: 16px;border-radius: 5px;line-height: 40px;text-decoration: none;}

.main-login .main-login-button .m-l-but-a:hover{background-color:#46B2FB;}

.main-login .main-login-other{}

.main-login .main-login-other .m-l-o-pwd{text-decoration:none;color: #616161;font-size: 14px;float: right}

.main-login .main-login-other .m-l-o-reg{text-decoration:none;color: #0095ec;font-size: 14px;float: left}
/*密码找回-发送短信*/
.main-reset-pwd{padding: 20px;}

.main-reset-pwd .m-r-p-top{height: 40px;}

.main-reset-pwd .m-r-p-top .m-r-p-t-span{font-size:14px;color: #616161;}

.main-reset-pwd .m-r-p-top .m-r-p-t-span i{color: #299BE4;}

.main-reset-pwd .main-reset-input{height: 65px;text-align:center;}

.main-reset-pwd .main-reset-input .m-r-i-input{height: 40px;width: 95%;border: 1px solid #e6e6e6;border-radius: 5px;padding-left: 10px;}

.main-reset-pwd .main-reset-input-res{height: 65px;}

.main-reset-pwd .main-reset-input-res .m-r-i-input-l{height: 40px;width: 110px;border: 1px solid #e6e6e6;border-radius: 5px;padding-left: 10px;}

.main-reset-pwd .main-reset-input-res .m-r-i-input-l:hover{border-color:#3385FF}

.main-reset-pwd .main-reset-input-res .m-r-i-but-r{height: 40px;padding: 10px;border-radius: 5px;border:1px solid #ddd;background-color: #f7f7f7;color: #616161;margin: 0 10px}

.main-reset-pwd .main-reset-input .m-r-i-input:hover{border-color:#3385FF}

.main-reset-pwd .main-reset-input .m-r-i-but-a{display:block;height:40px;background: #299BE4;text-align: center;color: #fff;font-size: 16px;border-radius: 5px;line-height: 40px;text-decoration: none;}

.main-reset-pwd .main-reset-input .m-r-i-but-a:hover{background-color:#46B2FB;}
/*修改密码*/
.main-editpwd{padding: 20px;margin-top: 10px;}

.main-editpwd .main-editpwd-input{height: 75px;text-align:center;}

.main-editpwd .main-editpwd-input .m-e-i-u-input{height: 40px;width: 95%;border: 1px solid #e6e6e6;border-radius: 5px;padding-left: 10px;}

.main-editpwd .main-editpwd-input .m-e-i-u-input:hover{border-color:#3385FF}

.main-editpwd .main-editpwd-input .m-e-but-a{display:block;height:40px;background: #299BE4;text-align: center;color: #fff;font-size: 16px;border-radius: 5px;line-height: 40px;text-decoration: none;}

.main-editpwd .main-editpwd-input .m-e-but-a:hover{background-color:#46B2FB;}
/*支付扫码页*/
.pay-order-main{margin: 25px;}

.pay-order-main .pay-order-heard{height: 50px;border-bottom:1px solid #f3f3f3;padding:0 0 20px;font-size: 14px;color: #707070}

.pay-order-main .pay-order-heard .p-o-h-no{display: block;height:25px;}

.pay-order-main .pay-order-heard .p-o-h-no .p-o-h-no-t{color: #000;font-weight:700;}

.pay-order-main .pay-order-heard .p-o-h-sum{display: block;height:25px;}

.pay-order-main .pay-order-heard .p-o-h-sum .p-o-h-sum-t{color: #000;font-weight:700;}

.pay-order-main .pay-order-heard .p-o-h-sum .p-o-h-s-val{color: #0ac265;font-size:24px;font-weight: 400}

.pay-order-main .pay-order-method .p-o-m-title{display:block;height: 44px;line-height: 44px;color: #000;font-weight: 700;font-size: 14px;}

.pay-order-main .pay-order-method .p-o-m-wchat{display:block;width: 110px;height: 24px;border:2px solid #3879d1;padding: 10px;text-align:center;line-height: 24px;}

.pay-order-main .pay-order-method .p-o-m-wchat .p-o-m-w-l{display: inline-block;color:#00C800;font-size: 22px;}

.pay-order-main .pay-order-method .p-o-m-wchat .p-o-m-w-r{display: inline-block;font-size:14px;color:#707070;}

.pay-order-main .pay-order-info{margin-top: 15px;float: left;width: 520px;padding:0 10px;}

.pay-order-main .pay-order-info .p-o-i-l{float: left;}

.pay-order-main .pay-order-info .p-o-i-r{float: left;margin-left: 50px;}

.pay-order-main .pay-order-info .p-o-i-l .p-o-i-l-bot .p-o-i-l-b-title{display: inline-block;height: 30px;line-height: 30px;color: #fff;font-size: 12px;background-color:#00c800;padding: 0 5px;}