﻿/*通用样式*/
*{padding:0;margin:0;font-family:"Microsoft Yahei";}
ol,ul{list-style:none;}
em,i{font-style:normal;}
a{text-decoration: none;}
/*头部样式*/
.header{width:100%;height:50px;border-bottom:1px solid #ddd;background:#f7f7f7;}
.header-c{width:1200px;height:50px;margin:0 auto;}
/*头部左侧*/
.head-lf{float:left;}
.head-lf ul li{float:left;margin-right:10px;line-height: 50px;}
.head-lf ul li a{color:#333;font-size:12px;margin:0 15px;}
.head-lf ul li a:hover{text-decoration:underline;}
.head-lf ul li.wdzz{background:url(/Template/Default/Skin/2018skin/images/fudao_gm/down.png) right no-repeat;}
/*头部右侧*/
.head-rt{float:right;}
.head-rt ul li{float:left;margin-right:10px;line-height: 50px;}
.head-rt ul li a{color:#333;font-size:12px;margin:0 15px;}
.head-rt ul li a:hover{text-decoration:underline;}
.head-rt ul li a.log-out{display: inline-block;width:82px;height:22px;text-decoration: none;text-align: center;line-height: 22px;color:#fff;font-size: 12px;background:#eb0c1c;color:#fff;border-radius:3px;}
/*头部第二部分*/
.top{width:100%;height:173px;background:#fff;padding-bottom: 1px;border-bottom: 1px solid #ccc;}
.top1{width:1200px;height:93px;margin:2px auto;}
.logo{float:left;}
.logo-img{display:block;width:297px;height:93px;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/logo.png) center 13px no-repeat;}

.search-box{width:655px;height:auto;margin-top:25px;margin-left:50px;float:left;}
.search{width:655px;height:40px;border:1px solid #ccc;border-radius:5px;}
.search select{width:70px;float:left;font-size:12px;margin:13px 0 0 25px;padding-right:20px;border:none;border-right:1px solid #ccc;cursor:pointer;color:#666;appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
background: url(/Template/Default/Skin/2018skin/images/fudao_gm/search_list_20.png) no-repeat scroll 40px center transparent;
}
.search-item{width:40px;height:20px;margin-top:10px;float:left;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/search-item.png) no-repeat;}
.search-bar{width:400px;height:30px;float:left;margin-top:5px;}
.search-bar input{display:block;width:100%;height:100%;border:none;font-size:12px;padding:0 5px;box-sizing: border-box;}
.search-btn{width:85px;height:42px;float:right;background:#eb0c1c;color:#fff;text-align: center;line-height: 42px;font-size:16px;cursor:pointer;margin-top:-1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.search-hot{width:600px;height:auto;line-height:30px;}
.search-hot a{padding:0 5px;color:#5c5c5c;font-size:12px;}
.search-hot a.select{color:#518fc9;}
.search-hot a:hover{text-decoration:underline;}

.phone{width:155px;height:45px;float:right;margin-top:25px;}
.ph-lf{width:40px;height:45px;float:left;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/phone.png);}
.ph-rt{width:105px;height:45px;float:right;}
.ph-top{width:125px;height:auto;float:left;line-height:20px;font-size:16px;color:#333;}
.ph-btm{width:125px;height:auto;float:left;line-height:25px;font-size:16px;color:#eb0c1c;}

.top2{width:1200px;height:80px;margin:0 auto;position: relative;}
.all-clac{width:215px;height:80px;position:absolute;top:0;left:0;}
.all-clac>div{width:215px;height:50px;margin-top:30px;background:#1c1c1c;position:relative;}
.yljp{width:186px;height:53px;position:absolute;top:-6px;left:13px;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/all-clac.png) no-repeat;}
.yl-btm{width:186px;height:50px;line-height: 50px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;}
.yl-item{width:20px;height:15px;display:inline-block;margin:0 20px;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/all-item.png) no-repeat;}

.top-list{width:auto;height:50px;line-height:50px;float:left;margin:27px 0 0 215px;}
.top-list ul{margin:-2px 0 0 10px;}
.top-list ul li{float:left;width:120px;height:50px;text-align: center;line-height:50px;}
.top-list ul li a{color:#000;font-size:16px;font-weight:500;display: block;width:100%;height:100%;}
.top-list ul li:hover{background:#1c1c1c;}
.top-list ul li:hover a{color:#fff;}
.smgz{position: absolute;top:0;right:0;width:117px;height:137px;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/smgz.png) no-repeat;}
/*面包屑导航*/
.crumb{width:1200px;height:53px;line-height: 53px;margin:1px auto;}
.crumb ul li{float:left;}
.crumb ul li a{font-size:12px;color:#333;}
.crumb ul li em{font-family: "simsun";margin:0 10px;font-size:12px;color:#333;}
.crumb ul li a:hover{color:#ff3333;text-decoration:underline;}
/*主体部分*/
.main{width:100%;height:auto;background:#f7f7f7;box-shadow: #e4e4e4 3px 5px 5px inset;}
.main:before{content:'';display: table;clear:both;}
/*主体第一部分*/
.main01{width:1220px;height:375px;margin:34px auto 50px;}
.main01-lf{width:500px;height:375px;float:left;margin-right:20px;}
.main01-lf a{display: block;width:100%;height:100%;}
.main01-rt{width:700px;height:375px;float:left;position:relative;}
.main01-rt .className{width:655px;height:35px;line-height: 35px;font-size: 21px;color:#333;font-weight:500;margin:0 auto;overflow: hidden;}
.main01-rt .classBtns{width:655px;height:38px;margin:13px auto;}
.main01-rt .classBtns a.collectionClasses{float:left;display: block;width:138px;height:38px;margin-right:50px;border:1px solid #cc3333;color:#ff3333;font-size:18px;text-align: center;line-height: 38px;/*transition: all .3s linear;*/border-radius: 5px;}
/*.main01-rt .classBtns a.collectionClasses:hover{background: #cc3333;color:#fff;}*/
.main01-rt .classBtns a.installment{float:left;display: block;width:138px;height:38px;position:relative;border:1px solid #6fa866;background: #6fa866;color:#fff;text-align: center;line-height: 38px;font-size: 18px;/*transition: all .3s linear;*/border-radius: 5px;}
/*.main01-rt .classBtns a.installment:hover{background: #fff;color:#6fa866;}*/
.main01-rt .classBtns a.installment .hide-text{display:inline-block;width:228px;height:28px;position:absolute;top:32px;left:24px;text-align: center;line-height: 30px;border:1px solid #d5d5d5;color:#666;font-size:12px;opacity: 0;transition: all .3s linear;background: #fff;z-index:3;}
.main01-rt .classBtns a.installment:hover .hide-text{opacity: 1;}
/*购买课程*/
.buyClasses{width:655px;height:211px;background:url(/Template/Default/Skin/2018skin/images/fudao_gm/buy-bg.png) no-repeat;padding:18px;box-sizing: border-box;margin:0 auto;position:absolute;z-index: 2;left:22px;}
.buy-lf{width:440px;height:165px;float:left;}
.buy-lf>div{width:auto;height:35px;line-height: 35px;}
.buy-lf>div span{font-size: 14px;color:#333;}
.buy-lf .buy-price em.buy-fh{margin-left:2px;font-size:14px;color:#ff0000;}
.buy-lf .buy-price i{font-size: 18px;font-style:italic;color:#ff0000;margin:0 35px 0 0;font-weight:600;}
.buy-rt{width:155px;height:auto;float:right;}
.buy-now{display: block;margin:0 auto;width:139px;height:38px;color:#fff;background:#fa7267;text-align: center;line-height: 38px;font-size: 18px;border:1px solid #fa7267;transition: all .3s linear;box-sizing: border-box;border-radius: 5px;}
.buy-now:hover{color:#fa7267;background:#fff;}
.buy-rt span{margin:10px auto 0;font-size:12px;color:#333;display: block;}
.QR-code{text-align: center;margin-top:5px;}
.mobilePhonePurchase{width:100%;height:85px;background: #333;border-top-left-radius: 5px;border-top-right-radius: 5px;position: absolute;bottom:0;left:0;padding:40px 25px 0 25px;box-sizing: border-box;}
.mobilePhonePurchase span{font-size:16px;color:#fff;line-height: 22px;}
.mobilePhonePurchase span em{font-size:21px;font-weight:600;color:#ff0000;font-style:italic;}
/*主体第二部分*/
.main02{width:1200px;height:auto;margin:50px auto 0;}
.main02:after{content:'';display: block;clear: both;}
/*左侧*/
.main02-lf{width:880px;height:auto;float:left;}
.classes-jspj{width:880px;background:#fff;border:1px solid #e8e8e8;}
.jspjdh{width:100%;height:45px;}
.jspjdh li{float:left;width:195px;height:45px;text-align: center;line-height: 45px;font-size:16px;color:#707070;border:1px solid #e8e8e8;border-top:2px solid transparent;border-left:none;cursor: pointer;}
.jspjdh li.highlight{color:#ff1141;border:none;border-top:2px solid #ff3333;border-right:1px solid #e8e8e8;}
.classes-jspj>div{padding: 33px 44px 20px 44px;display:none;}
.classes-jspj div p{font-size: 14px;line-height: 30px;}
.classes-jspj div.show{display: block;}
.lecturer{margin:25px 0 35px 0;width:880px;padding:25px 20px;box-sizing: border-box;border:1px solid #e8e8e8;background: #fff;}
.lecturerName{line-height:20px;margin-bottom:15px;}
.lecturerName em{display: inline-block;width:3px;height:12px;background:#ff0033;margin-right:25px;}
.lecturerName span{font-size:14px;color:#333;}
.lecturer-img{width:185px;height:185px;border-radius: 50%;background: url(/Template/Default/Skin/2018skin/images/fudao_gm/huxiaoping.png) no-repeat;float:left;}
.lecturer-text{float:left;margin-left:35px;width:560px;height:220px;}
.lecturer-text p{line-height: 20px;font-size:14px;color:#333;margin-bottom:18px;}
.lecturer-text p.name span{margin-left:23px;}
.lecturer-text p.name{font-size:16px;}
.lecturer-text p span{font-size: 12px;color:#414141;}
.lecturer-list{margin-top:15px;width:560px;height:50px;border-top:1px dashed #ddd;}
.lecturer-title{line-height: 50px;float:left;margin-right:15px;color:#414141;font-size:12px;}
.lecturer-list li{padding:7px 15px;color:#414141;font-size:12px;border-radius: 5px;margin-right:25px;margin-top:10px;float:left;}
.lecturer-list li.highlight{background:#ff3333;color:#fff;}
.crowd{width:880px;margin-bottom:35px;background:#fff;padding:25px 20px;box-sizing: border-box;border:1px solid #e8e8e8;}
.crowd p{margin:0 25px 20px 0;font-size: 14px;line-height: 20px;}
.classesContent{width:880px;margin-bottom:45px;background: #fff;padding:25px 20px;box-sizing: border-box;border:1px solid #e8e8e8;}
.classesImg{width:830px;margin:0 auto;}
/*右侧*/
.main02-rt{width:290px;height:auto;box-sizing: border-box;border:1px solid #e8e8e8;background:#fff;float:right;}
.main02rt-title{width:255px;height:35px;border-bottom: 1px solid #e8e8e8;margin:10px auto 20px;font-size:14px;text-indent: .3em;color:#333;line-height:30px;}
.main02-rtList{width:255px;height:auto;margin:0 auto;}
.main02-rtList li{width:255px;height:200px;margin-bottom:17px;}
.main02-rtList li .main02-rtImg{width:255px;height:135px;margin:0 auto;}
.main02-rtList li .main02-rtImg img{display:block;width:255px;height:135px;}
.main02-rtList li .main02-rtText{display: block;height:40px;width:255px;margin:0 auto;line-height: 40px;font-size:12px;color:#666;overflow: hidden;}
.main02-rtList li .main02-rtText a{display: block;height:40px;width:auto;line-height: 40px;font-size:14px;color:#666;}
.main02-rtList li .main02-rtText a:hover{text-decoration: underline;}
.main02-rtList li em{color:#ee3030;font-size:14px;line-height: 25px;}
/*尾部*/
.footer{width:100%;height:260px;background:#1b1b1b;}
.footer_content{width:1200px;height:230px;margin:0 auto;}
.form{width:200px;height:140px;margin-top:55px;float: left;}
.form span{font-size:16px;color:#66665a;margin-bottom:15px;}
.form form{margin-top:15px;}
.form input{width:200px;height:30px;padding:3px 8px;box-sizing: border-box;border:1px solid #666;margin-bottom:5px;background: #1b1b1b;color:#a9a9a9;}
.form a{display: block;width:200px;height:30px;text-align: center;line-height: 30px;background:#db4572;color:#fff;font-size:14px;transition: all .3s linear;border:1px solid #db4572;}
.form a:hover{color:#db4572;background:#fff;border:1px solid #db4572;}
.footer_box1{width:505px;height:145px;margin-top:45px;float:left;}
.footer_item{width:505px;height:25px;line-height:25px;}
.footer_item a{color:#fff;font-size:14px;}
.footer_item a:hover{text-decoration:underline;}
.footer_item em{display: inline-block;width:23px;height:15px;color:#9a9a9a;text-align: center;font-size:12px;transform: translateY(-2px);}
.footer_list{width:505px;height:95px;margin-top:20px;line-height:25px;color:#fff;font-size:12px;float:left;}
.img-list{width:280px;height:117px;margin:55px 0 0 200px;float:right;}
.img-list .img-box{margin-right:38px;}
.img-list .img-box:last-child{margin:0;}
.img-box{float:left;}
.img-icon{font-size:12px;text-align:center;color:#fff;margin-top:5px;}
/*评论*/
.comment-title{
    padding: 11px 0 7px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}
.comment-title .left-title{
    float:left;
}
.comment-title .right-title{
    float:right;
}
.comment-title .left-title span em{
    float: left;
    width: 4px;
    height: 16px;
    background: #fdd000;
    border-radius: 2px;
    margin-right: 7px;
}
.comment-title .right-title span{
    color:#cc0000;
}
.comment-container{
    position:relative;
    width:100%;
    min-height:150px;
    border:1px solid #cc0000;
    padding:10px;
    box-sizing: border-box;
}
.comment-container textarea{
    border:0;
    outline: none;
    resize:none;
    color:#999;
}
.comment-abs{
    position:absolute;
    right:0;
    bottom:0;
    width:90px;
    height:40px;
    text-align:center;
    cursor:pointer;
    background:#cc0000;
    color:#fff;
    font-size:14px;
    line-height:40px;
}
.comment-content{
    position: relative;
    /*background: url(/Template/Default/Skin/2018skin/images/msg/safa.png) no-repeat center 40%;*/
    width:100%;
    min-height:137px;
    border-bottom:1px solid #ddd;
    margin:10px 0;
    padding-bottom:30px;
}
/*.comment-content span{*/
    /*position: absolute;*/
    /*left:40%;*/
    /*top:70%;*/
    /*color:#999;*/
    /*font-size:14px;*/
/*}*/
.comment-c-title{
    margin-top:20px;
    height:17px;
    line-height:17px;
}
.comment-c-title span{
    float: left;
    line-height: 1;
    font-size: 16px;
}
.comment-c-title span em{
    float: left;
    margin-right: 12px;
    width: 4px;
    height: 17px;
    background: #e0e0e0;
    border-radius: 2px;
}
.comment-c-main{
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
.comment-c-item{
    padding: 20px 0 11px;
    border-bottom: 1px dashed #e5e5e5;
    overflow: visible;
}
.comment-c-item:after{
    content:'';
    display:block;
    clear:both;
}
.comment-c-left{
    width:50px;
    float:left;
    display: inline;
}
.comment-c-left .comment-c-wrapper{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.comment-c-left .comment-c-wrapper img{
    width:50px;
    height:50px;
}
.comment-c-content{
    padding-left:64px;
}
.c-date-left{
    font-size: 12px;
    color: #7e7e7e;
    float:left;
    display: inline;
}
.comment-c-info{
    padding: 1px 0 15px;
    overflow:hidden;
    font-size: 13px;
    color: #d92227;
}
.comment-c-discuss{
    padding: 0 7px 11px 0;
    line-height: 22px;
    font-size: 14px;
    word-break: break-all;  /*�������*/
}
.comment-c-controller{
    position: relative;
    text-align: right;
    height: 16px;
    line-height: 16px;
}
.comment-c-controller .comment-c-left{
    font-size: 12px;
    color: #7e7e7e;
    float:left;
    display: inline;
}
.comment-c-controller a{
    margin: 0 5px;
    color: #7e7e7e;
    font-size: 12px;
    line-height: 17px;
}
.comment-c-controller a i{
    vertical-align: middle;
    margin-right: 2px;
    display: inline-block;
    width: 13px;
    height: 13px;
}
.c-replay{display:none;}
i.c-report-icon{
    background:url(/Template/Default/Skin/2018skin/images/msg/jubao.png) no-repeat;
}
i.c-replay-icon{
    background:url(/Template/Default/Skin/2018skin/images/msg/zan.png) no-repeat;
}
.c-thumb span{
    font-size:14px;
    vertical-align: middle;
}
.c-report:hover{
    color:#D81519;
}
.c-thumb:hover{
    color:#D81519;
}
.c-submit{
    margin-top: 5px;
    position: relative;
    border: 1px solid #b7b7b7;
    display:none;
}
.c-comment-box {
    position: relative;
    z-index: 9;
    zoom: 1;
    padding: 7px 10px 0 15px;
    overflow: hidden;
    background-color: #fff;
}
.c-comment-box textarea{
    padding: 0;
    margin: 0 0 9px;
    width: 100%;
    height: 66px;
    line-height: 22px;
    font-size: 14px;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: none;
    color: #ccc;
    background-attachment: scroll;
    border: 0;
    outline: 0;
}
.c-login-bar{
    background: #f8f8f8;
}
.c-user{
    padding: 0 90px 0 10px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}
.c-expression{
    position: relative;
    height: 35px;
    width: 70px;
    z-index: 12;
    float:left;
    display: inline;
}
.c-one{
    display: inline;
    background:url(/Template/Default/Skin/2018skin/images/msg/half.png)no-repeat;
}
.c-two{
    display:inline;
    background: url(/Template/Default/Skin/2018skin/images/msg/pic.png)no-repeat;
}
.c-btn{
    position: absolute;
    right: -720px;
    bottom: -1px;
    width: 90px;
    height: 37px;
    font-size: 16px;
    line-height: 37px;
    color: #fff;
    background: #d81519;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    text-indent: 10px;
    letter-spacing: 10px;
}
/*遮罩层*/
#Login{font-family: "微软雅黑";background:rgba(192,192,192,0.7);z-index:9999;position: absolute;top:0;display:none;}
#UserLogin{background: #fff;border:1px solid #93929d;padding: 20px ;width:370px;position: fixed;top: 30%;}
#UserLogin table{}
#UserLogin caption p{font-size:20px;font-weight: 700;color:#333;margin-bottom: 20px; text-align: left;padding-bottom: 5px;border-bottom: 1px solid #93929d;width:300px;float: left;}
#UserLogin caption p span{display: inline-block;margin-left: 13px;font-size:12px;font-weight:300;color:#999;  }
.td1w{width:65px;}
.td2w{width:200px;}
.td3w{color: red;font-size: 13px;}
.tr2{line-height: 80px;}
.inptsr{border:1px solid #d8d8d8;width:190px;height:25px;}
.tdCookie{font-size: 12px;color:#93929d;}
.tdCookie label{margin-left:5px;margin-top: -2px}
.tdCookie input{margin-bottom: 25px}
.dengluD{margin-left: 45px;margin-top:25px;}
.dengluD .btn{padding:7px 25px;border-radius: 5px;border:none;background:#0060B6;color: #fff;font-size: 15px; }
.dengluD .zc{margin-left: 30px;font-size: 14px;color: #333;}
.dengluD .zc:hover{color:red;text-decoration: underline}
#guanbi{position: absolute;right:4px;top:4px;font-size: 12px;color: #999;cursor:pointer;}
#guanbi:hover{color:red;}
.wjmm{margin-top: -22px;margin-bottom: 15px;font-size: 13px;}
.wjmm a:hover{color:red;text-decoration: underline}
.inptyz{width:70px;float: left;}
.code {
background: url(/Template/Default/Skin/2017skin/images/shuqi/yzbg.jpg) no-repeat -38px -23px;
 font-family:Arial;
 font-style:italic;
 color:blue;
 font-size:21px;
 border:0;
 padding:2px 3px;
 letter-spacing:2px;
 font-weight:bolder;
 float:left;
 cursor:pointer;
 width:110px;
 height:20px;
 line-height:20px;
 text-align:center;
 vertical-align:middle;
 margin-left:7px; 
 margin-right:7px;
 border:1px solid #93929d;
}
.sx{float: left;font-size: 13px;color: blue;cursor:pointer;line-height:32px;}

.position ul{width: 140px;height: auto;float: left; background: #f6f6f6;padding-left: 10px;padding-top: 20px;padding-bottom: 20px;}
.position ul li{height: 40px;line-height: 40px;text-align: center; }
.position ul li a{font-family: "Microsoft YaHei";color: #666;}
.position ul li a:hover{color:red;}