*:focus{outline:none;}
*{ margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,div,dl,dt,dd,p,img,a,form,table,tr,td,input,select,textarea{ margin:0; padding:0; color:#333; font-size:14px; font-family:"微软雅黑"; outline:none;}
body{font-size:14px;-webkit-text-size-adjust:none; height:auto; overflow-x:hidden; background:#f8f8f8;}
img{vertical-align:middle; border:0 none;}
li{list-style:none; list-style-position:outside;}
a{color:#333; text-decoration:none; overflow:hidden; outline:none;}
ul{list-style:none; overflow:hidden;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*ie6,7*/}

.fl{ float:left;}
.fr{ float:right;}
.wrapBox{ width:100%; position:relative; margin:0 auto;}
.main{ width:1200px; position:absolute; left:50%; top:0; margin-left:-600px;}

/*首页*/

.bg{ background-repeat:no-repeat; background-position:center center;}
.bg_01{ background:url(./banner.png) no-repeat center top; height:480px;}
.bg_02{ background:url(./banner-background.png) no-repeat center bottom #fff; height:1040px;}
.bg_03{ background:url(./data-backgroud.png) no-repeat center top; height:484px; margin-top:35px;}
.bg_04{ background:url(./index_05.jpg) no-repeat center top;  height:768px;}
.bg_05{ background:url(./index_06.jpg) no-repeat center top; height:764px;}
.bg_06{ background:url(./index_07.jpg) no-repeat center top; height:768px;}
.bg_07{ background:url(./index_08.jpg) no-repeat center top; height:768px;}
.bg_08{ background:url(./index_09.jpg) no-repeat center top; height:313px;}
.text-center{ text-align:center;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #999; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    #999; }

/* bottom */
.bottom{width:990px;margin:0 auto;clear:both; margin-top:50px;}
.bottom .logo{padding:23px 0px;text-align:center;}
.map h3{background:#f1f1f1;padding:8px 0px 5px 12px;border-bottom:solid 2px #0072bc;margin:0 0 10px;font-size:14px;color:#369;}
.map ul{overflow:hidden;zoom:1;}
.map li{float:left;width:122px;line-height:20px;}
.map li dl{padding:0 0 15px 20px;}
.map li dl.h155{height:190px;overflow:hidden;}
.map li dt{font-weight:bold;}
/*margin-bottom:15px;*/
.copyright{padding:5px 0 10px;text-align:center;line-height:24px;color:#797878;}
.navBottom{text-align:center;color:#797878;}
.navBottom a{color:#797878;}
.navBottom a:hover{color:#EB8C14;}

/*导航*/
.menu{ height:70px; border-bottom:5px #f7f7f7 solid; background:#fff;}
.menu .logo{ margin-top:19px;}
.menu ul{ margin-top:28px;}
.menu li{ float:left; margin:0 40px;}
.menu li a{ font-size:16px;}
.menu li a.active{ color:#fc650c;}
.menu .login-wrap{ margin-top:20px;}
.menu .login-wrap a{ color:#fc650c; font-size:16px;line-height:40px; display:inline-block;}
.menu .login-wrap .login-btn{ width:106px; height:40px; line-height:40px; background:#fc650c; color:#fff; display:inline-block; text-align:center; margin-left:20px;}

/*登录内容*/
.login-context{ height:580px; margin-top:120px;}
.login-context .main .fl{ position:relative;}
.login-context .main .fl img{ position:absolute; top:-60px;}
.loginInfo{ width:500px; padding:10px; height:440px; background:#fff; -moz-box-shadow:0px 1px 12px #D4D4D4; -webkit-box-shadow:0px 1px 12px #D4D4D4; box-shadow:0px 1px 12px #D4D4D4;}
.loginInfo .login-account{}
.loginInfo .login-account .login-title{ border-bottom:1px dashed #d9d9d9; height:56px; line-height:56px; padding:15px 0; margin-bottom:30px;}
.loginInfo .login-account .login-title a:nth-child(1){border-right:1px dashed #d9d9d9;}
.loginInfo .login-account .login-title a{ width:48%; display:inline-block; text-align:center;}
.loginInfo .login-account .login-title .login-icon-1{ color:#fc650c; background:url(./icon-people.png) no-repeat 42px 15px;}
.loginInfo .login-account .login-title .login-icon-2{ color:#666; background:url(./icon-phone.png) no-repeat 56px 15px;}
.loginInfo .login-account .login-input{ text-align:center; margin:15px 0;}
.loginInfo .login-account .login-input input{ width:364px; height:32px; line-height:52px; border:1px solid #ddd; padding:10px;}
.loginInfo .login-account .btn-pass{ width:384px; height:50px; line-height:50px; background:#fc650c; color:#fff; display:block; margin:30px auto; text-align:center;}

.loginInfo .login-phone{}
.loginInfo .login-phone .login-title{ border-bottom:1px dashed #d9d9d9; height:56px; line-height:56px; padding:15px 0; margin-bottom:30px;}
.loginInfo .login-phone .login-title a:nth-child(1){border-right:1px dashed #d9d9d9;}
.loginInfo .login-phone .login-title a{ width:48%; display:inline-block; text-align:center;}
.loginInfo .login-phone .login-title .login-icon-1{ color:#666; background:url(./icon-accountnor.png) no-repeat 42px 15px;}
.loginInfo .login-phone .login-title .login-icon-2{ color:#fc650c; background:url(./icon-phonesel.png) no-repeat 56px 15px;}
.loginInfo .login-phone .login-input{ text-align:center; margin:15px 0; position:relative;}
.loginInfo .login-phone .login-input input{ width:364px; height:32px; line-height:52px; border:1px solid #ddd; padding:10px;}
.loginInfo .login-phone .login-input a{ color:#fc650c; position:absolute; top:17px; right:80px;}
.loginInfo .login-phone .btn-pass{ width:384px; height:50px; line-height:50px; background:#fc650c; color:#fff; display:block; margin:30px auto; text-align:center;}
.loginInfo .info{ width:384px; margin:0 auto; }
.loginInfo .info .fl{color:#999;}
.loginInfo .info a{ color:#fc650c;}

/*供应商端注册*/
.register-context{ height:580px;}
.register-context h1{ font-size:24px; font-weight:normal; text-align:center; margin:100px 0;}
.register-tow .fl,.register-tow .fr{ width:562px; height:186px; background:#fff; padding:50px 0;}
.btn-step{ width:230px; height:50px; line-height:50px; background:#fc650c; color:#fff; display:block; margin:30px auto; text-align:center;}
.register-context h2{ font-size:20px; text-align:center; font-weight:normal; line-height:45px;}
.register-context p{ text-align:center; color:#999; line-height:48px; margin-bottom:25px;}
.register-tow a{ font-size:18px; padding-left:42px; width:500px; height:70px; line-height:70px;background:url(./border-sel0.png) no-repeat; display:block; margin:0 auto;}
.register-tow a span{ font-size:12px; color:#999; padding-left:54px;}
.register-tow a.btn-shop{width:500px; height:70px; line-height:70px;background:url(./border-sel.png) no-repeat; display:block; margin:0 auto;}

/*联系我们*/
.contact-us{ position:fixed; right:0px; top:210px; width:44px; height:115px;background:#fff; -moz-box-shadow:0px 1px 12px #D4D4D4; -webkit-box-shadow:0px 1px 12px #D4D4D4; box-shadow:0px 1px 12px #D4D4D4;}

.contact-us .fl{ padding:0 10px; width:141px; position:absolute; top:0px; right:-150px; background:#fff; height:115px; -moz-box-shadow:0px 1px 12px #D4D4D4; -webkit-box-shadow:0px 1px 12px #D4D4D4; box-shadow:0px 1px 12px #D4D4D4; z-index:1;}
.contact-us .fl div:nth-child(1){ border-bottom:1px solid #f4f4f4; line-height:30px;}
.contact-us .fl div{ margin:12px 0;}
.contact-us .fl div p{ padding-left:38px;}
.contact-us .contact-icon1{background:url(./icon-online.png) no-repeat 10px 3px;}
.contact-us .contact-icon2{background:url(./icon-business.png) no-repeat 10px 3px;}
.contact-us .fr{ position:absolute;top:0px; rigth:0px;  width:44px; text-align:center; height:85px; padding-top:30px; color:#fff;background:url(./icon-contact.png) no-repeat 10px 3px #ff8808; z-index:2;}
.contact-us .fr a{ color:#fff;}


/*供应商端个人店注册*/

.register-personal{ width:640px; margin:0 auto;}
.register-personal .step{ margin-top:80px; }
.register-personal .step h1{ font-size:18px; font-weight:normal;}
.register-personal .step h1 span{ width:20px; height:20px; background:#fc650c; color:#fff; display:inline-block; font-size:16px; text-align:center; margin-right:10px; margin-bottom:38px;}
.register-personal .step .register-input{ height:54x; line-height:54px; margin-bottom:16px; font-size:16px;}
.register-personal .step .register-input .fl{ width:85px; text-align:right;}
.register-personal .step .register-input .fr{ width:525px; text-align:right; position:relative;}
.register-personal .step .register-input .fr span{ position:absolute; top:1px; right:10px;}
.register-personal .step .register-input input{width:505px; height:32px; line-height:52px; border:1px solid #ddd; padding:10px;}
.login-btn{width:108px; height:45px; line-height:45px; background:#fc650c; color:#fff; display:block; text-align:center;}
.card-box{width:526px; height:92px; line-height:92px;background:url(./upload-sel.png) no-repeat; display:block; margin-left:85px;}
.btn-block{ text-align:center; margin-top:64px; margin-bottom:30px;}
.btn-block .btn-pre{width:108px; height:45px; line-height:45px; background:#b0b0b0; color:#fff; display:inline-block; text-align:center; margin-right:40px;}
.btn-block .btn-next{width:108px; height:45px; line-height:45px; background:#fc650c; color:#fff; display:inline-block; text-align:center;}
.agreement{ text-align:center;}

/*企业端注册*/
.register-enterprise{ width:1200px; margin:0 auto; background:#fff; margin-top:60px;}
.enterprise-wrap{ width:488px; margin:0 auto; position:relative; }
.enterprise-wrap h1{ line-height:160px; font-size:26px; text-align:center; font-weight:normal;}
.enterprise-wrap .login-input{ margin-bottom:20px; position:relative;}
.enterprise-wrap .login-input input{width:418px; height:32px; line-height:52px; border:1px solid #ddd; padding:10px 35px;}
.enterprise-wrap input.error{width:418px; height:32px; line-height:52px; border:1px solid #fc650c; padding:10px 35px;}
.tip-error{ position:absolute; top:-20px; left:508px; width:300px; height:110px; background:url(./border.png) no-repeat; padding-left:20px; padding-top:15px;}
.tip-error li{font-size:12px; line-height:24px;background:url(./icon.png) no-repeat 1px 3px; padding-left:20px; color:#999;}
.slider{ width:488px; height:48px; background:#e8e8e8; position:relative; margin:40px 0;}
.slider .btn{ position:absolute; top:-6px; left:-2px;}
.slider p{ line-height:48px; padding-left:80px;}
.btn-agree{width:488px; height:50px; line-height:50px; background:#fc650c; color:#fff; display:block; margin:30px auto; text-align:center;}
.enterprise-wrap .agreement{ text-align:left; margin:40px 0;}


/*首页*/
.contextA{background:#fff; }
.contextA .contextA-main{ width:1200px; margin:0 auto; padding:70px 0 140px 0;}
.contextA .contextA-main h1{ font-size:26px; font-weight:normal; margin-bottom:50px;}
.contextA .contextA-main p{ color:#666; font-size:16px; line-height:45px;}
.contextA .contextA-main p a{ color:#fea00c; font-size:16px;}
.contextA .contextA-main ul{ margin-top:80px; width:640px;}
.contextA .contextA-main ul li{ float:left; width:33%;}
.contextA .contextA-main ul li a{ width:185px; height:43px; line-height:43px; display:block; border:1px solid #fc650c; text-align:center; color:#fe8b48;}
.contextA .contextA-main ul li a.active{ background:#fe8b48; color:#fff; border:1px solid #fe8b48;}

.bg_02 .main{ margin-top:140px;}
.bg_02 .fl{ width:380px;}
.bg_02 .fr{ width:740px;}
.bg_02 .fr h1{font-size:26px; font-weight:normal; text-align:center; margin-bottom:40px;}
.bg_02 .fr h2{color:#666; font-size:16px; line-height:45px; text-align:center; font-weight:normal; margin:40px 0; }
.bg_02 .fr p{ text-align:center;line-height:58px; font-size:16px;color:#666;}
.bg_02 .fr ul{ margin-top:190px;}
.bg_02 .fr ul li{ float:left; width:33%; text-align:center; color:#fff; font-size:16px; line-height:66px;}

.bg_03 h1{font-size:26px; font-weight:normal; margin:80px 0; text-align:center;}
.bg_03 h2{ font-size:38px; line-height:90px; color:#feb849; font-weight:normal; }
.bg_03 li{ float:left; width:20%; text-align:center; position:relative;}
.bg_03 li span{ position:absolute;}
.bg_03 li p{ color:#666;}

.partner{ height:960px;}
.partner h1{font-size:26px; font-weight:normal; margin:80px 0; text-align:center;}
.partner li{ float:left; width:33%; text-align:center; position:relative;}
.partner li p{ color:#666; width:278px; height:308px; margin:0 auto;}
.partner li p span{ display:block; padding-top:235px; font-size:20px;}

.btn-free{ text-align:center;}
.btn-free a{ width:555px; height:62px; line-height:62px; background:#fe8b48; color:#fff; display:inline-block; text-align:center; font-size:20px;}


/*云课堂*/
.bg_ketang{ background:url(./ketang2.png) no-repeat center top;  height:456px;}

.ketangA{ width:1200px; margin:0 auto;}
.ketangA h1{ font-size:30px; text-align:center; line-height:120px; padding-top:30px; font-weight:normal;}
.ketangA ul{ padding-top:40px;}
.ketangA li{ float:left; width:50%; margin-bottom:54px;}
.ketangA .box{ width:560px; height:148px;background:url(./ketang-list-bg.jpg) no-repeat 0px 0px; position:relative;}
.ketangA .info{ position:absolute; top:-20px;}
.ketangA .info img{ border:6px solid #fff; margin-left:12px;}
.ketangA .info h2{ line-height:92px; margin-left:36px; }
.ketangA p{ padding-top:102px; padding-left:56px;}

.ketangB{ width:1200px; margin:0 auto;}
.ketangB h1{ font-size:30px; text-align:center; line-height:120px; padding-top:30px; font-weight:normal;}
.ketangB .fl{ width:40%;}
.ketangB .fr{ width:40%;}
.ketangB ul h2,.ketangB ul p{ float:left;}
.ketangB ul p{ margin-left:26px; width:276px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:26px;}
.ketangB ul li{ margin-bottom:15px;}
.ketangB .fl li h2{width:45px; height:24px;}
.ketangB .fl li:nth-child(1) h2,.ketangB .fl li:nth-child(2) h2,.ketangB .fl li:nth-child(3) h2{ background:#ff0000; color:#fff; width:45px; height:24px; line-height:24px; text-align:center; font-weight:normal;}
.ketangB .fr li h2{width:45px; height:24px;}
.ketangB .fr li:nth-child(1) h2,.ketangB .fr li:nth-child(2) h2,.ketangB .fr li:nth-child(3) h2{ background:#ff0000; color:#fff; width:45px; height:24px; line-height:24px; text-align:center; font-weight:normal;}
.ketangB ul span{ float:right;}

.btn-reg{ text-align:center;}
.btn-reg h1{ font-size:24px; font-weight:normal; text-align:center; margin:20px 0;}
.btn-reg h2{ font-size:20px; font-weight:normal; text-align:center; margin:20px 0;}
.btn-reg a{ width:296px; height:55px; line-height:55px; background:#fe8b48; color:#fff; display:inline-block; text-align:center; font-size:20px;}

.ketangC{ width:1200px; margin:0 auto;}
.ketangC .ketangC-left{ width:200px;}
.ketangC .ketangC-left .ketangC-menu{ margin-top:40px;}
.ketangC .ketangC-left .ketangC-menu li{ margin-bottom:56px;}
.ketangC .ketangC-left .ketangC-menu li a{ line-height:34px; border-bottom:5px solid #fff; display:inline-block; font-size:20px;}
.ketangC .ketangC-left .ketangC-menu li a.active{ line-height:34px; border-bottom:5px solid #fc650c; color:#fc650c; display:inline-block; font-size:20px;}
.ketangC .ketangC-right{ width:1000px; background:#f9f9f9;}
.ketangC .ketangC-right .con{ padding:40px; height:560px;}
.ketangC .ketangC-right .con h1{ font-size:18px; font-weight:normal; margin-bottom:40px;}
.ketangC .ketangC-right .title-list{ height:36px;}
.ketangC .ketangC-right .title-list a{ color:#fe8b48; display:inline-block; font-size:16px; margin-right:80px;}
.ketangC .ketangC-right .share{ height:36px; margin:74px 0 40px 0;}
.ketangC .ketangC-right .share h2{ font-size:18px; font-weight:normal; margin-bottom:40px;}
.ketangC .ketangC-right .con .list{ line-height:36px; }
.ketangC .ketangC-right .con .list li{ margin-bottom:24px;}
.ketangC .ketangC-right .con .list .info-txt{ width:470px; float:left; display:block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.ketangC .ketangC-right .con .list .info-1{ width:235px;}
.ketangC .ketangC-right .con .list .info-1 img{ border-radius:50%;}
.ketangC .ketangC-right .con .list .info-2{ width:125px;}
.ketangC .ketangC-right .con .list .info-3{ }


/*云应用*/
.bg_application{ background:url(./yingyong1.png) no-repeat center top;  height:458px;}
.applicationA{ width:1200px; margin:0 auto;}
.applicationA .icon-list1{ margin-bottom:50px;}
.applicationA .icon-list1 li{ width:33%; float:left; text-align:center;}
.applicationA .icon-list1 li h1{ font-size:22px; line-height:86px;}
.applicationA .icon-list1 li p{ color:#808080; line-height:30px;}

.applicationA .icon-list2{ margin-bottom:50px;}
.applicationA .icon-list2 li{ width:50%; float:left; text-align:center;}
.applicationA .icon-list2 li h1{ font-size:22px; line-height:86px;}
.applicationA .icon-list2 li p{ color:#808080; line-height:30px;}

.applicationB{ width:1200px; margin:0 auto;}
.applicationB .applicationB-left{ width:200px;}
.applicationB .applicationB-left .applicationB-menu{ margin-top:40px;}
.applicationB .applicationB-left .applicationB-menu li{ margin-bottom:32px;}
.applicationB .applicationB-left .applicationB-menu li a{ line-height:34px; border-bottom:5px solid #fff; display:inline-block; font-size:20px;}
.applicationB .applicationB-left .applicationB-menu li a.active{ line-height:34px; border-bottom:5px solid #fc650c; color:#fc650c; display:inline-block; font-size:20px;}
.applicationB .applicationB-right{ width:1000px; background:#fff9f5;}
.applicationB .applicationB-right .con{ padding:65px; height:910px;}
.applicationB .applicationB-right .con h1{ font-size:18px; font-weight:normal; margin-bottom:30px; color:#fe8b48;}
.applicationB .applicationB-right .title-list{ line-height:36px; font-size:16px; color:#706f6f;}
.applicationB .applicationB-right .share{ height:36px; margin:100px 0 40px 0;}
.applicationB .applicationB-right .share h2{ font-size:18px; font-weight:normal; margin-bottom:40px;}
.applicationB .applicationB-right .con .list{ line-height:36px; }
.applicationB .applicationB-right .con .list li{ width:25%; float:left; text-align:center;}
.applicationB .applicationB-right .con .list li h1{ color:#333; font-size:38px;}
.applicationB .applicationB-right .con .list li p{ color:#666;}
.applicationB .applicationB-right .con .purpose{ width:500px; height:100px; line-height:100px; background:#fff; margin:100px 0 100px 0; font-size:16px; padding-left:50px;}

.applicationB .applicationB-right .con .code{ padding-top:80px; position:relative;}
.applicationB .applicationB-right .con .code a{width:495px; height:50px; line-height:50px; background:#fc650c; color:#fff; display:inline-block; text-align:center; font-size:20px;}
.applicationB .applicationB-right .con .code .q-code{ position:absolute; top:60px; right:50px;}


/*课堂列表*/
.ketangList-search{width:1200px; margin:0 auto; padding:32px 0 20px 0;}
.ketangList-search .logo-wrap{ width:350px; position:relative;}
.ketangList-search .logo-wrap h1{ position:absolute; left:70px; top:0px; font-size:21px; font-weight:normal;}
.ketangList-search .logo-wrap p{ position:absolute; left:70px; top:38px; color:#959595; font-size:12px;}
.ketangList-search .list li{ width:145px; float:left; padding-top:10px;}
.ketangList-search .list li a{ font-size:15px; display:inline-block; line-height:28px;}
.ketangList-search .list li a.active{ border-bottom:3px solid #4a8dfe;}
.ketangList-search .search{ width:288px; height:42px; border:1px solid #999; border-radius:20px;}
.ketangList-search .search input{ width:226px; height:30px; line-height:30px; border:none; margin:5px 0 0 20px;}
.ketangList-search .btn-share{background:url(./icon-share.png) no-repeat 0px 0px; padding-left:34px; height:28px; line-height:28px; display:inline-block; margin-top:10px;}

.ketangList-news{width:1200px; margin:0 auto;}
.ketangList-news .list{ width:665px; margin:34px 0 0 0;}
.ketangList-news .list li{ width:25%; float:left; padding-top:10px;}
.ketangList-news .list li a{ font-size:20px; display:inline-block; line-height:36px; color:#666;}
.ketangList-news .list li a.active{ border-bottom:3px solid #4a8dfe;}

.ketangList-news .list-context{ border-bottom:3px solid #f7f7f7; padding:44px 0 22px 0;}
.ketangList-news .list-context h1{ width:630px;display:block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal; margin-top:20px; margin-bottom:50px;}
.ketangList-news .list-context h1 a{ font-size:20px;}
.ketangList-news .list-context p{ margin-right:36px; line-height:34px;}
.ketangList-news .list-context p .circular{ border-radius:50%;}

.ketangList-news .btn-more{ line-height:80px; text-align:center; color:#999;}

.bgshot{width:1200px; margin:0 auto;}
.bgshot h1{font-size:24px; font-weight:normal; text-align:center; margin:35px 0 22px 0;}
.bgshot ul li{ width:25%; float:left;}
.bgshot ul li a{ text-align:center; width:250px; height:280px; display:block; margin:0 auto;}
.bgshot ul li a img{ border-radius:50%; margin-top:50px;}
.bgshot ul li a h2{ line-height:46px; color:#333;}
.bgshot ul li a p{ font-size:12px; color:#adadad;}
.bgshot ul li a.active{ background:#4a8dfe;}
.bgshot ul li a.active h2{ line-height:46px; color:#fff;}
.bgshot ul li a.active p{ font-size:12px; color:#fff;}


/*课堂详情*/
.ketang-context{width:1200px; margin:0 auto; padding-top:40px;}
.ketang-context h1{ font-size:26px; line-height:85px; text-align:center;}
.ketang-context .context-icon{ margin:40px auto; width:1090px;}
.ketang-context .context-icon p{ margin-right:30px;}
.ketang-context .context-icon p .circular{ border-radius:50%;}
.ketang-context .ketang-news { }
.ketang-context .ketang-news .ketang-news-title{ background:#f7f7f7;margin-bottom:30px; padding:30px 18px;}
.ketang-context .ketang-news .ketang-news-title h2{ font-size:16px; color:#333; line-height:48px;}
.ketang-context .ketang-news .ketang-news-title p{ color:#666; line-height:34px; font-size:14px;}
.ketang-context .ketang-news .ketang-news-info{ line-height:38px; color:#666; padding:0 20px;}
.ketang-context .ketang-news .ketang-news-info p{ font-size:16px; color:#666;}
.ketang-context .ketang-news .video{ width:680px; height:290px; margin:50px auto 25px auto;}
.ketang-context .ketang-news .ketang-news-info h4{ background:#e7f0ff; padding:5px 10px 5px 10px; color:#666; margin:50px 0 30px 0;}
.ketang-context .ketang-news .btn-icon{ width:300px; margin:0 auto;}
.ketang-context .ketang-news .btn-icon .btn-up{ font-size:18px; color:#737373; background:url(./icon-like2.png) no-repeat 65px 0px; padding-left:12px; width:112px; height:40px; line-height:40px; display:inline-block;}
.ketang-context .ketang-news .btn-icon .btn-share{font-size:18px; color:#737373; background:url(./icon-WeChat.png) no-repeat 65px 0px; padding-left:12px; width:112px; height:40px; line-height:40px; display:inline-block;}

.ketang-context .comment{ padding:0 20px;}
.ketang-context .comment .comment-title{font-size:20px; color:#333; background:url(./icon-line.jpg) no-repeat 0px 0px; padding-left:36px; font-weight:normal; margin:30px 0;}
.ketang-context .comment .spot{ background:#f8f8f8; padding:25px 18px; height:190px;}
.ketang-context .comment .spot .fl{ width:95px; text-align:center;}
.ketang-context .comment .spot .fl img{ border-radius:50%;}
.ketang-context .comment .spot .fl span{ display:block; margin-top:20px; color:#666;}
.ketang-context .comment .spot .fr{ width:978px;}
.ketang-context .comment .spot .fr textarea{ width:958px; height:115px; padding:10px; border:none;}
.ketang-context .comment .spot .fr .btn-comment{ background:#fc650c; width:155px; height:42px; line-height:42px; text-align:center; display:block; color:#fff; font-size:15px; position:absolute;right:0px; top:20px;}

.ketang-context .comment .comment-list{padding:25px 18px;}
.ketang-context .comment .comment-list .fl{ width:95px;text-align:center;}
.ketang-context .comment .comment-list .fl img{ border-radius:50%;}
.ketang-context .comment .comment-list .fr{ width:978px;}
.ketang-context .comment .comment-list .fr h2{color:#666; margin-top:10px; line-height:42px;}
.ketang-context .comment .comment-list .fr span{ color:#a0a0a0; line-height:30px;}
.ketang-context .comment .comment-list .fr p{ margin:40px 0;}
.ketang-context .comment .comment-list .edit-conetxt{}
.ketang-context .comment .comment-list .edit-conetxt .fl{ width:200px;}
.ketang-context .comment .comment-list .edit-conetxt .fr{ width:190px;}
.ketang-context .comment .comment-list .edit-conetxt .fr a{ color:#fc650c; font-size:14px; width:90px; text-align:center; display:inline-block;}
.ketang-context .comment .comment-list .edit-conetxt .btn-up{ width:40px; height:40px; display:inline-block;background:url(./icon-like2.png) no-repeat 0px 0px; }
.ketang-context .comment .comment-list .edit-conetxt .btn-edit{ width:40px; height:40px; display:inline-block;background:url(./icon-comment2.png) no-repeat 0px 0px; margin-left:20px;}