@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0; padding: 0;border:0;list-style:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; }
address,cite,dfn,em,var,i{font-style:normal}
input,textarea{outline: none;resize: none;}

a{color: #666;text-decoration:none; outline: none;}
a:hover{color: #239ce9;text-decoration:none;}
a:focus{text-decoration:none; outline: none;}

img{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}

.clear{*zoom:1}
.clear:after{*zoom:1;display:block;visibility:hidden;clear:both;height:0;content:'\20';}

html,body{width: 100%;min-width: 1200px; margin: 0 auto; overflow-y: auto;}
body{ font-family: "Microsoft YaHei",Arial,sans-serif; background: #f5f5f5; font-size: 14px; color:#666; overflow-x: hidden;}

.warp{ width: 1200px;min-width: 1200px; margin: 0 auto; }

.gray{ color: #999;}
.blue{color: #239ce9;}
.red{color: #ff0000;}
.green{color: #09ca98;}
.yellow{ color: #ff9231;}

.hide{ display:none;}

.navigation{ width: 100%; min-width: 1200px; height:80px; background: #fff;box-shadow: 0px 0px 10px 1px rgba(168,168,168,.3);position: relative;}
.navigation h1{height:80px; line-height: 75px; font-weight: normal;}
.navigation h1 a{ font-size:24px;color: #239ce9;}
.navigation .nav{ padding: 25px 0;}
.navigation .nav li{float: left; margin-left: 20px; font-size: 16px;}
.navigation .nav li a{display: inline-block; *display: inline; *zoom: 1; padding: 4px 20px 5px 20px; border-radius: 20px; transition: all .3s;}
.navigation .nav li a:hover,.navigation .nav li a.active{ background: #239ce9; color: #fff;}
.navigation .nologin{ padding: 25px 0;}
.login-u{margin: 15px 0; padding:5px 10px; background: #f7f7f7; border-radius: 40px;}
.login-u .u-piu{display: inline-block; *display: inline; *zoom: 1; margin-right: 5px;}
.login-u .u-piu>span{position: relative; top: 5px;color: #239ce9;display: inline-block; *display: inline; *zoom: 1;max-width: 55px; white-space: nowrap;  word-break: break-all; overflow: hidden;}
.login-u img{width: 40px; height: 40px; border: solid 1px #e8e8e8; border-radius: 50%; margin-right: 5px;}
.login-u a.exit{ font-size: 12px;}

.loginframe{ padding-bottom: 20px;}
.loginmodal h1{ text-align: center; margin-bottom: 20px;}
.loginmodal ul li{ margin-bottom: 20px; overflow: hidden;}
.loginmodal ul li span.lgtxt{display: inline-block; *display: inline; *zoom: 1; padding-top: 10px; width: 60px; height: 29px;text-align: justify;float: left;}
.loginmodal ul li span.lgtxt::after{display: inline-block; *display: inline; *zoom: 1; width: 60px; height: 29px;content: '';}

.loginmodal ul li p{border: solid 1px #e8e8e8; padding:0 10px; border-radius: 3px; margin-left: 70px;}
.loginmodal ul li p i{ color: #ccc; margin-right: 10px; width: 14px;}
.loginmodal ul li p input{ width: 87%; padding: 12px 0;}
.loginmodal ul li p.active{border-color:#239ce9;}
.loginmodal ul li p.active i{color:#239ce9;}

.loginmodal ul li p.error{border-color:#ff0000;}
.loginmodal ul li p.error i{color:#ff0000;}

.loginframe .alert-btn-box{ bottom: 20px;}
.loginframe .alert-btn-p{ background: #239ce9; color: #fff; width: 91%; padding: 5px 10px!important; border-radius: 5px!important;}
.loginframe .alert-btn-p:hover{background: #239ce9; filter:alpha(opacity=90);opacity:.9;}

/* slider */
.slider{width:100%;height:600px;position:relative;overflow:hidden;text-align:center;}
.slider .bd{width:100%;position:absolute;left:0; top: 0;}
.slider .bd li{width:100%;height:600px;overflow:hidden;}
.slider .bd li a{display:block;width:100%;height:600px;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:25px;bottom:25px;text-align:center;}
.slider .hd ul{height:25px;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;height:4px;width:30px; text-indent: -99em;overflow:hidden;background:#fff;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background:#239ce9;filter:alpha(opacity=100);opacity:1;}

.dashed{position: absolute;top:50%; left: 50%; width: 1200px;height: 1px; margin-left: -600px; margin-top: -1px; z-index: 0;}
.slider .pnBtn{position:absolute;width:44px;height:44px;cursor:pointer;}
.slider .prev{left:-50px;}
.slider .next{right:-50px;}
.slider .pnBtn .arrow{ display: block; width: 44px; height: 44px;background:url(../images/arrow.png)no-repeat;}
.slider .prev .arrow{ background-position: 0 0;}
.slider .next .arrow{ background-position: -44px 0;}
.slider .prev .arrow:hover{background-position: 0 -44px;}
.slider .next .arrow:hover{background-position: -44px -44px;}

.section{ padding:80px 0;}
.section+.section{ border-top: solid 1px #e8e8e8;}
.addlogo{ width: 240px; height: 350px; position: relative;border-radius: 5px; overflow: hidden;}
.addlogo span{ display:block; position: absolute; top: 0;left: 0;right: 0; bottom: 0; z-index: 0;}
.addlogo span img{width: 240px; height: 350px; border-radius: 5px;transition: all .3s;}
.addlogo span img:hover{transform: scale(1.02);}
.addlogo p{ height:60px; line-height: 60px; text-align: center; font-size: 30px; color: #fff;position: absolute; bottom: 0;left: 0; right: 0; z-index: 1;}
.addlogo p.yellowbg{ background: #f99a35;}
.addlogo p.greenbg{ background: #24c263;}
.addlogo p.bluebg{ background: #4688db;}

.section .col-xs-3{ width:22%;}
.section .col-xs-9{width:78%;}
.introduce h2{font-size: 20px;border-left: solid 3px #239ce9; padding-left: 10px; font-weight: normal;}
.introduce p{ font-size:16px; line-height: 28px;word-wrap:normal; padding: 20px 0 0 13px; min-height: 148px;}

.case{ padding-top:20px;}
.case li a{display: block;background: #f3faff; border: solid 1px #9fd5ff;border-radius: 5px; text-align: center; padding:15px 0 25px 0; margin: 0 13px;transition: all .3s;}
.case li a span{display:block;font-size: 18px;}
.case li a:hover{ border-color: #239ce9;}

/*浪涛学院*/
.head-hd{ min-width: 1200px; width: 100%; height: 200px; font-size: 20px;text-align: center;background:url(../images/head.jpg)no-repeat center center;background-size: 100% auto; background-size: cover; color: #fff;}
.head-hd h2{ font-size: 36px; font-weight:normal; padding: 50px 0 15px 0;}
.hdtag{ height: 55px; background: #fff;box-shadow: 0px 0px 10px 5px rgba(168,168,168,.3);}
.taga li{ float: left; margin-right: 30px;}
.taga li>a{display: block; line-height: 53px; padding: 0 10px; font-size: 16px;border-bottom:solid 2px transparent;}
.taga li.active>a,.taga li:hover>a{ border-color:#239ce9; color: #239ce9;}

.search{ border:solid 1px #e8e8e8; position: relative;padding: 10px; width: 220px;height: 35px;border-radius: 20px; margin-top: 10px; float: right;}
.search i,.search input{ float: left; position:relative; top: -3px; color: #ccc;}
.search input{ height: 20px; padding: 0 5px; width: 124px; color:#333;}

.search .search-bq{ position: absolute; top: 5px; right: 5px;}
.search .search-bq a{display: inline-block; *display: inline; *zoom: 1; background: #f4f4f4; font-size: 12px; padding: 4px 10px; border-radius: 15px;transition: all .3s;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.search .search-bq a:hover{color: #fff; background: #239ce9;}
.search button{ position: absolute; top: 0px; right: 0;color: #fff; background: #239ce9; font-size: 14px; padding: 7px 20px; border-radius: 20px; cursor: pointer;outline: none; display: none;}
.search.active .search-bq{ display: none;}
.search.active button{ display: block;}
.resulttxt{ font-size: 14px; padding-top: 20px;}

.kecheng{ min-height: 435px;}
.clist li{ margin-top: 20px;}
.clist li>a{ display: block; background: #fff; border-radius: 5px;transition: all .3s;}
.clist li>a .kepic{ display: block; height: 160px;border-radius: 5px 5px 0 0; position: relative; overflow: hidden;}
.clist li>a .kepic img{ width: 100%; height: 100%;transition: all .3s;}
.clist li>a .kepic s,.clist li>a .kepic b{ display: block; position: absolute; bottom: 10px; right: 10px; color: #fff;font-weight:normal; min-width: 80px; height: 24px; line-height: 24px;text-align: center;border-radius: 24px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.clist li>a .kepic s{background:#000;filter:alpha(opacity=60);opacity:0.6;}

.clist li>a h3{ margin: 5px 10px; font-size: 16px; font-weight:normal; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.clist li>a p{margin: 5px 10px; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.clist li>a figure{ padding: 10px;font-size: 12px;overflow: hidden;}
.clist li>a figure img{ width: 32px; height: 32px; border-radius: 50%; margin-right: 5px;border: solid 1px #e8e8e8;}
.clist li>a figure .pull-right{ padding-top: 6px; color: #ccc;}
.clist li>a:hover,.clist li>a:focus{ color: #666;}

.clist li>a:hover{box-shadow: 0px 0px 10px 5px rgba(168,168,168,.3);}
.clist li>a:hover .kepic img{transform: scale(1.01);}

.teachlist li{ margin-top: 20px;}
.teachlist li a{ display: block; position: relative;}
.teachlist li a .u-piu{display: block; width: 100%; height: 175px; background: #fff;}
.teachlist li a .u-piu img{ width: 100%; height: 100%;}

.teachlist li a .u-txt,.teachlist li a b{ display: none;position: absolute;}
.teachlist li a b{background:#239ce9;filter:alpha(opacity=60);opacity:0.6; z-index: 0; top: 0; left: 0; bottom: 0; right: 0;}
.teachlist li a .u-txt{ color: #fff; text-align: center;z-index: 2; padding-top: 50px;border: solid 1px #fff; top: 10px; left: 10px; bottom: 10px; right: 10px;}
.teachlist li a .u-txt em{ display: block;margin-bottom: 10px;}

.teachlist li a:hover .u-txt,.teachlist li a:hover b{ display:block; animation: fadeind linear .3s;}
@-webkit-keyframes fadeind{ 0%  {opacity: 0;} 100%{opacity: .6;} }
@-moz-keyframes fadeind{ 0%  {opacity: 0;} 100%{opacity: .6;} }
@-o-keyframes fadeind{ 0%  {opacity: 0;} 100%{opacity: .6;} }
@keyframes fadeind{ 0%  {opacity: 0;filter:alpha(opacity=0);} 100%{opacity: .6;filter:alpha(opacity=60);} }

.playpanl{ background: #fff;}
.player{ background: #131313; height: 562px; margin-bottom: 20px;}
.player-l{ float: left; width: 875px; height: 562px; position:relative;}
.player-l .togbar{ display: block; width: 20px; height: 60px; background: url(../images/icon-tog.png) no-repeat center center #232323; position: absolute; top: 50%; right: 0; margin-top: -30px; border-radius: 3px 0 0 3px; z-index: 9;}
.player-l .togbar.active{ background: url(../images/icon-tog-hover.png) no-repeat center center #232323; }

.player-l .dplayer{width: 875px; height: 492px;}
.player-l .dphead{ background: #232323; height: 70px; padding: 10px 20px;}
.player-l .dphead h2{ font-size: 18px; font-weight: normal; color: #fff;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.player-l .dphead .dpbar{ margin-top: 5px; color: #919191; position: relative;}
.player-l .dphead .dpbar .dp-r{ position: absolute; right: 0; bottom: 0;}
.player-l .dphead .dpbar .dp-r .dpfen{ margin-right: 40px;}
.dpfen strong{ font-size: 28px;font-weight: normal;}

.player-r{ width: 325px; background: #131313; float: right; }
.player-r .bart{ background: #232323; padding: 12px 15px; }
.player-r .bart h2{ font-size: 18px; line-height: 20px;color: #fff; border-left:solid 3px #239ce9; padding-left: 10px;}

.relatedul{ height: 518px; overflow-x: hidden;overflow-y: auto;}
.relatedul ul li+li{border-top:dotted 1px #252525;}
.relatedul ul li a{ display: block;padding:13px 10px; color: #919191; overflow: hidden; transition: all .3s;}
.relatedul ul li a img{ float: left; width: 45%; height: 76px;}
.relatedul ul li a h3,.relatedul ul li a p{ margin-left: 50%; line-height: 22px;}
.relatedul ul li a h3{font-size: 16px; line-height: 18px;margin-bottom: 12px;font-weight: normal; -ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;overflow:hidden;}
.relatedul ul li a:hover,.relatedul ul li.active a{background:#239ce9;color: #fff;}
.relatedul ul li a p{ height: 44px; -ms-text-overflow:ellipsis;text-overflow:ellipsis;word-break: break-all;overflow:hidden;}

.con-l{ width: 875px; float: left; background: #fff;}
.con-r{ width: 305px; float: right; background: #fff; }

/* Tab切换 */
.slidetag .hd{ height: 45px; border-bottom: solid 1px #e8e8e8;}
.slidetag .hd ul li {display: inline-block;height: 45px; margin-left: 15px;}
.slidetag .hd ul li a {	display: block;font-size: 16px; line-height: 43px; padding: 0 10px;border-bottom: solid 2px transparent;}
.slidetag .hd ul li.on a{border-color:#239ce9; color: #239ce9;}
.slidetag .bd .combox{ display: none; }

/*编辑器样式恢复*/
.arc-box{ padding: 20px; line-height: 24px;word-break: break-all;}
.arc-box *{ max-width: 100%;}
.arc-box ol,.arc-box ul{ list-style-type: decimal; _margin-left: 0; _padding-left: 40px; padding-left: 40px;}
.arc-box ol li{ list-style-type: decimal;}
.arc-box ul li{ list-style-type: disc;}
.arc-box i,.arc-box em{font-style: italic;}
.arc-box u,.arc-box a{text-decoration: underline;}

.phtot-user{ float: left;width: 100px; text-align: center; margin: 20px auto;}
.phtot-user img{ width: 60px; height: 60px;border: solid 1px #e8e8e8; border-radius: 50%; margin-bottom: 5px;}

.valuation{ padding: 20px 20px 15px 110px;}
.valuation .evalgrade{ padding-bottom: 16px; overflow: hidden;}
.valuation .evalgrade>em{ float: left; display: inline-block; *display: inline; *zoom: 1; font-size: 16px; position: relative; top: 3px;}
.valuation .commenttarea textarea{ width: 100%; min-height: 100px; margin-bottom: 10px;}

.downdata{ padding:0 20px 20px 20px;}
.downdata .datbar{ padding: 10px; background: #f0f0f0; border-bottom: none;}
.downdata dl{ border-bottom: solid 1px #e7e7e7; padding: 16px 0;}
.downdata dl dt{ width: 48px; height: 48px; float: left; margin-right: 10px;}
.downdata dl dt img{width: 48px; height: 48px; border-radius: 50%; border: solid 1px #e7e7e7;}

.downdata dl dd{ padding-left: 58px;}
.downdata dl dd h3{ font-size: 16px; font-weight: normal; }

.downdata dl dd .dbot{ padding-top: 10px;}
.downdata dl dd .dbot a{display: inline-block; *display: inline; *zoom: 1; font-size: 14px;background: #f0f0f0; padding: 5px 10px; border-radius: 20px;transition: all .3s;}
.downdata dl dd .dbot a.active{ background: #239ce9; color: #fff;}
.downdata dl dd .dbot span{ font-size: 12px; margin-top: 5px;}

.more_r{ padding: 16px 0; text-align: center;}
.more_r a{ background: #f7f7f7;display: inline-block; *display: inline; *zoom: 1;  padding: 5px 20px;}

.rd-col{ padding: 20px 10px 20px 0; width: 200px; float: right;}

.layui-layer-btn{border-top: solid 1px #e7e7e7; padding: 7px 15px 12px!important;}

/*分享*/
.qrcode{display: inline-block; *display: inline; *zoom: 1; position: relative;}
.qrcode a{ color: #919191;}
.qrcode .code{ position: absolute; top: -200px; left:-50px; background: #fff; padding: 25px 15px 15px 15px; text-align: center; border: solid 1px #e7e7e7; box-shadow: 0px 0px 10px 5px rgba(136,136,136,.2); border-radius: 5px;z-index: 10; display:none;}
.qrcode .code s{display: block; position: absolute; bottom: -10px; left:45%; width: 0; height: 0; border-left: solid 10px transparent;border-right: solid 10px transparent;  border-top: solid 10px #fff;}
.qrcode .code a{position: absolute; top: 5px; right: 5px; display:block; width: 16px; height: 16px; font-size: 16px;color: #fff; font-family: simsun;background: #ddd; border-radius: 50%;}
.qrcode .code .qcodeimg>img{ width: 120px; height: 120px; margin-bottom: 5px; border: solid 5px #f0f0f0; padding:2px;}

/*icon样式*/
.icon{display: inline-block!important; *display: inline; *zoom: 1;vertical-align: middle; margin-right: 5px;  margin-top: -3px;}
.icon-tuijian{width: 24px; height: 24px;  background: url(../images/tuijian.png) no-repeat;}
.icon-jiangshi{width: 24px; height: 24px;  background: url(../images/jiangshi.png) no-repeat;}
.icon-laoshi{width: 13px; height: 15px;  background: url(../images/icon-laoshi.png) no-repeat;}
.icon-fenx{width: 20px; height: 20px;  background: url(../images/icon-fenx.png) no-repeat;}

/*标题*/
.titlebar{ margin-top: 20px;overflow: hidden;}
.titlebar h2{ font-size: 18px;}
.titlebar h2 i{ font-size: 14px;}
.titlebar a{ position: relative; top: 3px;}

.i-input{border: solid 1px #e8e8e8; padding: 10px; border-radius: 5px;}
.i-input:focus{border-color:#239ce9;}

/*位置*/
.local{ padding: 20px 0;}
.datbar{border-bottom: solid 1px #e8e8e8; padding: 13px 15px;}
h2.ptit {font-size: 16px; height: 18px; font-weight: normal; line-height: 18px; border-left: solid 3px #239ce9; padding-left: 10px;}
/*分页*/
.page{text-align: center;}
.page .pagination { margin: 20px 0;}
.page .pagination>li {display: inline-block; *display: inline; *zoom: 1;height: 35px;}
.pagination>li>a, .pagination>li>span {display: inline-block; *display: inline; *zoom: 1; padding: 8px 15px; font-size: 14px; color: #666; background: #fff; margin: 0 5px; border-radius: 5px;transition: all .3s;}
.pagination>li.active>span,.pagination>li>a:hover{ color: #fff;background: #239ce9;}
.pagination>li.disabled>span{ background: #eaeaea; color: #ccc;}
.pagination>li.disabled>a{ cursor:default; background: #eaeaea; color: #ccc; pointer-events: none;}

/*为空暂无数据*/
.empty{ text-align: center; padding: 24px; background: #fff; color: #888;}
.empty>i{ display: block; width: 300px; height: 260px;background: url(../images/null.jpg) no-repeat; margin: 0 auto;}


/*返回顶部*/
.backhome{width: 40px;text-align: center;background-color: #fff;position: fixed;bottom: 26px;right: 30px;border: solid 1px #e7e7e7;z-index: 11;}
.backhome a{ display: block;width: 40px;height: 40px; line-height: 36px;color: #ccc;text-decoration: none;}
.backhome a+a{ border-top: solid 1px #eee;}

.backhome .qcode{ position: absolute; top: -95px; right: 50px; background: #fff; padding: 15px; border: solid 1px #e7e7e7; display: none;}
.backhome .qcode>s{display: block; background: #fff; position: absolute; top: 105px; right:-8px; width: 16px; height: 16px;border: solid 1px #e7e7e7; border-width:1px 1px 0 0;transform: rotate(45deg); z-index: 2; }
.backhome .qcode img{ width: 120px; height: 120px; margin-bottom: 5px; padding:2px;}

.foot{ background: #666; padding: 30px 0; font-size: 12px; color: #fff; line-height: 24px; margin-top: 40px;}
.foot a{ color: #fff;}

.btn{display: inline-block; *display: inline; *zoom: 1; font-size: 14px;background: #239ce9; color: #fff; padding: 4px 20px 5px 20px; border-radius: 3px;transition: all .3s;}
.btn:hover{ color: #fff;}
.btn-radius{ border-radius: 15px;}
.btn-border{ border-radius: 15px; background: none;border: solid 1px #239ce9; color: #239ce9;}
.btn-border:hover{ color: #239ce9;}

/*星星评分*/
.startScore {float: left;display: inline-block; *display: inline; *zoom: 1; overflow: hidden;}
.startScore .star_score {float: left;display: inline-block; *display: inline; *zoom: 1;}
.startScore .star_num{float: left;display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; font-size: 16px;}
.startScore .attitude{ display: none;}
.star_score{background: url(../images/score_star.png);width: 160px;height: 24px;position: relative;}
.star_score a{height: 24px;	display: block;	text-indent: -999em;position: absolute;	left: 0;}
.star_score a:hover {background: url(../images/score_star_hover.png);left: 0;}
.star_score a.clibg {background: url(../images/score_star_hover.png);left: 0;}
.star_score .atar_num {background: url(../images/score_star_hover.png);left: 0; height: 24px}

.atar_score{display: inline-block; *display: inline; *zoom: 1; }
.atar_score em{ font-style:normal;}
.atar_score .atar_Show {background: url(../images/score_star_sm.png);	width: 80px;height: 12px;position: relative;display: inline-block; *display: inline; *zoom: 1;}
.atar_score .atar_Show .atar_num{background: url(../images/score_star_hover_sm.png);left: 0;height: 12px;width: 134px;}

/*滚动条*/
.mCSB_inside > .mCSB_container{ margin-right: 10px!important;}
.mCSB_scrollTools{width: 8px!important;}
.mCSB_scrollTools .mCSB_draggerRail{ width: 8px!important; background: #ddd!important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px!important;background: #a1a1a8!important;}

/*应用下载*/
.section-1{ padding: 50px 0; /*box-shadow: 0px 0px 1px 0px rgba(168,168,168,.3);*/}
.ap-head{ padding:0 20px 20px 20px; line-height: 30px; font-size: 16px;}
.ap-head h2{ text-align: center;font-size: 20px; margin-bottom: 10px;}
.more-btn{ text-align: center; padding: 20px 0;}
.more-btn a{display: inline-block; *display: inline; *zoom: 1; padding: 5px 35px; color: #fff; background: #239ce9; border-radius: 30px; transition: all .3s;}
.more-btn a:hover{background: #208ace; }

.bgfd{background: #fdfdfd; }
.bgf5{background: #f5f5f5; }

.down-clum{ background: #fff; padding:20px; margin-bottom: 20px;}
.app-icon{ width: 160px; height: 160px; border-radius: 20px; overflow: hidden;}
.app-icon img{ max-width: 100%; max-height: 100%;}

.app-dola h3{font-size: 18px; margin:10px 0 20px;}
.app-dola .ap-info{ font-size: 14px; line-height: 24px; min-height: 50px;}

.down-dlt .dlt-btn-d{ position: relative; display: inline-block; *display: inline; *zoom: 1;background: #239ce9; margin-right: 20px;border-radius: 5px;}
.down-dlt .pc-dow{ color: #fff;background: #208ace; border-right: solid 1px #fff; display: inline-block; *display: inline; *zoom: 1; padding: 8px 10px; border-radius: 5px 0 0 5px; }
.down-dlt .q-code{ color: #fff;display: inline-block; *display: inline; *zoom: 1; padding: 0 5px;}
.down-dlt .dlt-btn{display: inline-block; *display: inline; *zoom: 1; padding: 8px 20px; color: #fff; background: #239ce9; border-radius: 5px; transition: all .3s;}

.p-op{position: absolute; top: 0; left: -10px; display: none; }
.q-pop{ background: #fff; padding: 15px 15px 0 15px; border: solid 1px #e7e7e7; position: relative; top: 45px;box-shadow: 0px 0px 1px 0px rgba(168,168,168,.3);}
.q-pop>s{display: block; background: #fff; position: absolute; top: -8px; left:70px; width: 16px; height: 16px;border: solid 1px #e7e7e7; border-width:1px 1px 0 0;transform: rotate(-45deg); z-index: 2; }
.q-pop p{ padding: 10px 0;}

.data-in{ padding-top: 10px;}
.data-in li{ padding: 5px 0;}
.data-in li span.d-txt{display: inline-block; *display: inline; *zoom: 1; width: 80px; color: #999;}

a.btn-bor{ border: solid 1px #239ce9; color: #239ce9; padding: 2px 10px; border-radius: 3px;}

.guide{ position: fixed; left: 50%; top: 50%; width: 1200px; height: 325px; margin-left: -600px; margin-top: -172px;}
.guide h2{ font-size: 18px; font-weight: normal;border-bottom: solid 1px #ddd; padding: 10px 0;}
.guide ul{ padding: 20px 0;}
.guide li .iv-bg{ position: relative; width: 240px; height: 240px; margin: 0 auto; border: solid 4px rgba(255,255,255,0.6); border-radius: 50%; overflow: hidden;}
.guide li .iv-bg h3{ position: absolute;width: 240px; height: 31px; top: 100px; left: 0; font-size: 24px;font-weight: normal; text-align: center; color: #fff;transition: top .3s;}

.guide li .iv-bg .comein{ position: absolute;width: 240px; height: 62px; bottom: -100px; left: 0; text-align: center;transition: bottom .3s;}
.guide li .iv-bg .comein a{display: inline-block; *display: inline; *zoom: 1;  background: rgba(0,0,0,0.3); border: solid 1px #fff; color: #fff; margin: 10px 0; padding: 5px 25px; border-radius: 25px;transition: all .3s;}
.guide li .iv-bg .comein a:hover{border: solid 1px #239ce9; background: #239ce9;}

.guide li.active .iv-bg{ opacity: .8;}
.guide li.active h3{top: -100px;}
.guide li.active .comein{bottom: 100px;}

/*摸态框*/
.model-box{ padding: 15px;}

/* TABLES */
.table-bordered {
    border: 1px solid #EBEBEB;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}

.table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px; text-align: center;
    vertical-align: middle;
}
.table-hover>tbody>tr:hover,.table-hover>tbody>tr:focus{background-color:#f5f5f5}

@media (device-height: 900px){
    .kecheng{ min-height:238px;}
}