﻿/*global*/
.ico{ background: url("../img/ico.png") no-repeat;}
.wrapBg,.footerWrap,.navWrap1{ min-width: 1200px;}
.wrap,.footer,.nav1{ margin: auto; width: 1200px;}
.jwlogo{ display: none;}
/*nav1*/
.navWrap1{ background-color: #20AFD6; box-shadow: 0 4px 8px 0 rgba(0,114,145,0.30);}
.nav1{ height: 70px; overflow: hidden;}
.nav1 .logo{ width: 122px; height: 70px; background: url("../img/logo.png") no-repeat 0 12px;}
.notice{ position: relative; margin: 12px 0 12px 170px; padding: 10px 0 10px 30px; font-size: 18px; color: #FFF; line-height: 26px;}
.notice i{ position: absolute; top: 14px; left: 0; display: block; width: 19px; height: 19px;}
.notice .notScroll{ position: relative; width: 690px; height: 26px; overflow: hidden;}
.notice .notScroll p{ position: absolute; left: 0; top: 0;}
.nav1 .log{ margin-top: 14px; display: block; width: 90px; height: 40px; font-size: 16px; color: #20AFD6; text-align: center; line-height: 40px; border-radius: 20px; background-color: #fff;}
/*footer*/
.footerWrap{ background-color: #525970; margin-top:30px;}
.footer{ font-size: 14px; color: #fff; overflow: hidden;}
.foot1{ height: 280px;}
.cpInfo{ margin-top: 26px;}
.cpName{ font-size: 24px; line-height: 34px;}
.cpInfo ul{ margin-top: 10px; line-height: 44px;}
.cpInfo .cp{ margin-top: 22px;}
.cpDec{ position: relative; padding-right: 160px; margin-top: 40px;}
.cpDec .tel{ line-height: 34px;}
.cpDec .tel span{ margin-left: 32px; font-size: 24px; font-weight: 500;}
.cpDec .dec{ width: 400px; line-height: 26px;}
.cpDec .qrcode{ position: absolute; top: 23px; right: 0; text-align: center;}
.cpDec .qrcode p{ margin-top: 10px;}
/*
å¹³å°é¦–é¡µ
*/
/*banner*/
.banner{ margin-top: 26px; width: 1200px; height: 440px; border-radius: 15px; overflow: hidden;}
.bCtrl{ padding-left: 17px; padding-top: 26px; width: 263px; height: 414px; background: rgba(32,175,214,0.6); border-top-left-radius: 15px;  border-bottom-left-radius: 15px;}
.bCtrl li{ position: relative; padding-left: 70px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; cursor: pointer;}
.bCtrl li.curr{ background-color: rgba(32,175,214,0.6); border-top-left-radius: 8px;  border-bottom-left-radius: 8px;}
.bcIco{ position: absolute; left: 36px; top: 0; width: 18px; height: 50px;}
.bannerWrap{ position: relative; width: 920px; height: 440px;}
.bannerBox{ position: absolute; width: 920px; height: 440px; border-top-right-radius: 15px;  border-bottom-right-radius: 15px; overflow: hidden;}
/*section*/
.section{ margin-top: 60px; width: 1200px;}
.sec2{ margin-bottom: 70px;}
.secTit{ width: 1200px; height: 70px; font-size: 30px; color: #2A334F; line-height: 70px; text-align: center;}
.sec1 .secTit{ background: rgba(105,198,237,0.10) url("../img/titBg1.png") no-repeat center;}
.sec2 .secTit{ background: rgba(105,198,237,0.10) url("../img/titBg2.png") no-repeat center;}
.secTab{ position: relative; margin-top: 16px; width: 1200px;}
.serNav{ height: 28px; line-height: 28px;}
.serNav li{ position: relative; margin-right: 27px; height: 28px;}
.serNav li span{ position: absolute; left: 50%; bottom: 0; display: block; width: 0; height: 2px; background-color: #20AFD6; transition: all .3s;}
.serNav li a:hover,.secMore a{ color: #20AFD6;}
.serNav li.curr  span{ left: 0; width: 100%;}
.secWrap{ position: relative; margin-top: 25px; width: 1200px; height: 280px;}
.secMore{ position: absolute; top: 0; right: 0; height: 28px; line-height: 28px;}
.secList li{ margin-right: 16px; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.15); border-radius: 8px;}
.secList a{ position: relative; display: block; width: 224px; height: 280px; border-radius: 8px; overflow: hidden; }
.secImg{ position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 0;}
.secList li.last{ margin-right: 0;}
.secBef{ position: absolute; left: 0; bottom: 0; padding: 0 10px; width: 204px; height: 150px; background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; transition: all .3s; z-index: 1;}
.secAft{ position: absolute; left: 0; top: -280px; padding: 0 17px; width: 190px; height: 280px; color: #fff; background: rgba(0,0,0,0.5); border-radius: 8px; transition: all .3s; overflow: hidden; z-index: 1;}
.secList a.curr .secBef{ transform: translateY(150px);}
.secList a.curr .secAft{ transform: translateY(280px);}
.secBef .secName{ margin-top: 16px; width: 204px; height: 44px; color: #20AFD6 ; font-weight: 500;}
.secBef .secInfo,.secBef .secDec{ margin-top: 2px; line-height: 20px; font-size: 12px;}
.secBef .secInfo i,.appCount i{ margin-right: 8px; display: block; width: 11px; height: 20px; background-position: 0 -26px;}
.secBef .secInfo em{ margin-right: 10px; margin-top: 3px; display: block; width: 14px; height: 14px; text-align: center; line-height: 14px;}
.secBef .state2{ background: url("../img/sheng.png") no-repeat; background-size: 100%;}
.secBef .state1{ background: url("../img/guo.png") no-repeat; background-size: 100%;}
.secBef .secDec span{ margin-right: 18px;}
.secScore{ margin-top: 4px; height: 20px; line-height: 20px; overflow: hidden;}
.secScore i,.appScore i,.myScore i,.uScore i{ margin-right: 5px; display: block; width: 15px; height: 14px;}
.secScore i{ margin-top: 3px;}
.numIco1{ background-position: -18px -46px;}
.numIco2{ background-position: 0 -46px;}
.secBef .secNum{ margin-left: 3px;}
.secAft .secName{ margin-top: 28px; height: 40px; font-size: 14px; line-height: 20px;}
.secAft .secInfo{ margin-top: 5px; font-size: 12px; line-height: 18px;}
.secAft .secInfo span{ margin-right: 10px;}
.secAft .secInfo .secNum{ color: #FC8065;}
.secAft .secDec{ margin-top: 12px; font-size: 12px; line-height: 20px;}
/*
åˆ†ç±»å±•ç¤º
*/
.subBg{ background-color: #F6F8FA;}
.subBg .wrap{ overflow: hidden;}
.search{ position: relative; margin-right: 54px; margin-top: 20px; width: 160px; height: 36px; border-bottom: 1px solid #fff;}
.search input{ position: absolute; left: 3px; top: 8px; width: 120px; height: 20px; font-size: 14px; color: rgba(255,255,255,.5); line-height: 20px; border: none; background: none;}
.search .ico{ position: absolute; top: 7px; right: 3px; display: block; width: 22px; height: 22px; background-position: -22px 0;}
.subNav{ margin-bottom: 3px; height: 52px; font-size: 14px; line-height: 52px;}
.subNav a{ margin: 0 5px;}
/*selector*/
.sCategory{ position: relative; width: 100%; height: 315px; border-radius: 15px; background-color: #fff; overflow: hidden; transition: height .3s;}
.sCategory.curr{ height: 550px;}
.seTit{ padding: 20px 0 15px 39px; height: 26px; font-size: 18px; line-height: 26px; border-bottom: 1px solid #EDEEF0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAcCAYAAABGdB6IAAAABHNCSVQICAgIfAhkiAAAAE1JREFUGJXtyDERgDAUBNG9rwAHRAJSkEIUgCKwQprURMmlgxkM0LDdW6WjzuAVNABZaa8XYgQAn/EAQFPw6h/fDNNu2SUQC3bBNKStA3RRE0HL3qOSAAAAAElFTkSuQmCC") no-repeat 27px 20px;}
.condition{ position: relative; margin: 0 0 30px 27px; width: 1140px;line-height: 26px; font-size: 18px;}
.major{ margin-top: 36px;}
.seKey{ margin-right: 20px; width: 72px; text-align: right; color: rgba(42,51,79,0.50);}
.seValue{ width: 1000px; height: 26px; overflow: hidden; transition: height .3s;}
.valueList li{ margin-right: 28px; margin-bottom: 24px;}
.valueList li.curr a,.valueList a:hover{ color: #FF9A3D;}
.seExt{ position: absolute; right: 0;}
.seExt a{ position: relative; padding-right: 18px; display: block; height: 26px; color: rgba(42,51,79,0.50);}
.seExt .ico{ position: absolute; top: 0; right: 0; display: block; width: 14px; height: 26px; background-position: -36px -44px;}
.keyword{ position: relative; margin: 0 0 35px 27px; width: 1140px;line-height: 34px; font-size: 18px;}
.keyword .seValue{ height: 34px;}
.keyword input{ margin-right: 20px; width: 160px; height: 32px; border: 1px solid #BFC1CA; color: rgba(42,51,79,0.3); text-align: center; line-height: 32px;}
.keyword input:focus{ color: #2A334F;}
.keyword a{ display: block; width: 70px; height: 34px; text-align: center; color: #fff; background-color: #20AFD6;}
.seMore{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; font-size: 18px; text-align: center; background-color: #fff;}
.seMore a{ position: relative; padding-right: 30px; color: #9499A7; line-height: 26px;}
.seMore a i{ position: absolute; top: 0; right: 0; display: block; width: 25px; height: 26px; background-position: -53px 4px;}
.seMore a.curr i{ background-position: -53px -22px;}
.condition.curr .seExt a{ color: #20AFD6;}
.condition.curr .seExt .ico{ background-position: -53px -42px;}
.sMain .sort{ margin-top: 54px; color: rgba(42,51,79,0.70);}
.sMain .sort span{ margin-right: 5px;}
.sMain .sort a{ margin-right: 22px; color: rgba(42,51,79,0.70);}
.sMain .sort a.curr,.sMain .sort a:hover{ color:#20AFD6;}
.selector .secList li{ margin-top: 32px; margin-bottom: 32px;}
.score,.collect,.like{ position: relative; padding-right: 15px;}
.sMain .sort i{ position: absolute; right: 0; display: block; width: 8px; height: 4px;}
.sMain .sort .top{ top: 5px; background-position: 0 -64px;}
.sMain .sort .top.curr{ background-position: -9px -64px;}
.sMain .sort .bottom{ bottom: 5px; background-position: 0 -71px;}
.sMain .sort .bottom.curr{ background-position: -9px -71px;}
.sPage{ margin: 40px auto 60px; width: 506px;}
.sPage a,.sPage span,.bPage a,.bPage span{ margin: 0 3px; display: block; width: 38px; height: 38px; border: 1px solid #EDEEF0; border-radius: 4px; background-color: #fff; font-size: 14px; text-align: center; line-height: 38px; color: rgba(42,51,79,0.50); cursor: pointer;}
.sPage a:hover,.sPage span:hover,.bPage a:hover,.bPage span:hover{ background-color: #20AFD6; border-color: #20AFD6;}
.pagePre{ background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAABHNCSVQICAgIfAhkiAAAASdJREFUGJV10E1LAmEUBeBz3plRKyzSRH0zrbA0/ADzLwQhhj+hzH/Y56JFyxZB4SLQMZTaNIgjLgoinJm3RSV92Nme53Ivl/gn6+WdBT9m6/q0MlmoLvqgNUgR/APSpUrEoFYnxZxyvcsfYC1fi+qChyQDnqMu2s3jqwnIlGqSAgeC9DvAead5dA0AOgCki5WERu6D9Hne+KRze3bzNcit8m4cDDSUp3TAPW1/KwFAuI6xQtAA8Txyxu3fR2vDvuyH4/6YoJAzNHLzMtEaWb23CQAePNsy70IysyTIpIAvHw2lzMGg+/oJPjJ8MlvhWCYoBFeVYRQi8VTPtrov2vd9tmV2wjILAWxQ6cWg3HzktFdnt6tlQNsj4WrTgG3dW5Hl9FApkXsHEXtZzoaXyGIAAAAASUVORK5CYII=") no-repeat center;}
.pageNext{ background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAABHNCSVQICAgIfAhkiAAAATVJREFUGJVlzk1LAlEYBeDz3juOWkgqNpIFmZUfjIbRrkW0iFq0qGWLKPtv7QqKWZQ/IQg0hGjUVn34eY1oWc17WyU0ne154BzKl/fWIbHx/fV5+ti4foEvAlooAGbANI+zpd2MH0jVd0exmaUBQRSFlKV4ankw6rbUGADAW7etEtZil4QskkbJsrJq2G8NxwAAVL89iqYWXiVJWxMVrdncx7DT7JF/M1/eT5PkQyJhaPaq0g9Uz31PJAtPENomEjnhBwDg3l0+M6MDAMa/1rbNQnjpgEDzHnP7D0inN0OhYPSIgJT22G3WnbMxSK5sT4aNcIUEpqH5/qHunAPQBgBk1ramgghViCjGzA235lwA0ABgzNk7cRPBEyIR0Zpv3Zpz9VsCgDFhBlYFiYjHfNOsOVX") no-repeat center;}
/*
é¡¹ç›®è¯¦æƒ…--è®¨è®º
*/
/*appShow*/
.pWrap{ padding-bottom: 72px;}
.appShow{ padding: 25px 29px 31px 29px; width: 1142px; height: 410px; background-color: #fff; border-radius: 15px 15px 0 0; overflow: hidden;}
.aImg{ width: 666px; height: 410px; overflow: hidden;}
.aBox{ width: 447px;}
.aBox .appName{ margin-bottom: 3px; height: 50px; font-size: 24px; font-weight: 500; line-height: 50px;}
.aBox .appInfo{ padding: 10px; height: 20px; line-height: 20px; color: rgba(42,51,79,0.7); background: rgba(105,198,237,0.10);}
.appCount{ margin-right: 35px;}
.appCount { font-size: 14px;}
.appScore i{ margin-top: 3px;}
.appScore span{ margin-left: 10px;}
.appDec{ margin-top: 15px; margin-bottom: 11px; height: 104px; font-size: 16px; line-height: 26px; letter-spacing: 1px;text-align: justify;}
.appTips{ position: relative; margin: auto; width: 355px; height: 117px; font-size: 14px; color: #23b3d8; line-height: 20px; background: url("../img/tips.png") no-repeat;}
.atTit{ position: absolute; top: 14px; left: 126px;}
.atTxt{ position: absolute; top: 60px; left: 126px;}
.atTxt i{ margin-right: 10px; display: block; width: 20px; height: 20px; background-position: -72px -46px;}
/*bbs*/
.bbsTab{ margin-bottom: 20px; padding-left: 38px; width: 1162px; height: 60px; background-color: #EAEBED; border-radius: 0 0 15px 15px;}
.bbsTab li{ margin: 0 5px; position: relative; width: 100px; height: 60px; text-align: center; font-size: 18px; line-height: 52px;}
.bbsTab li i{ position: absolute; bottom: 0; display: block; width: 100px; height: 11px; background-position: 0 -77px; opacity: 0; transition: opacity .3s;}
.bbsTab li.curr a{ color: #20AFD6;}
.bbsTab li.curr i{ opacity: 1;}
.addMeg,.grade,.share,.train{ padding: 3px 30px 0; background-color: #fff; border-radius: 15px;}
.addMeg{ padding-bottom: 60px; width: 770px;}
.addMeg h6,.grade h6,.share h6{ padding-left: 11px; font-size: 18px; line-height: 46px; border-bottom: 1px solid #EAEBED; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAcCAYAAABGdB6IAAAABHNCSVQICAgIfAhkiAAAAE1JREFUGJXtyDERgDAUBNG9rwAHRAJSkEIUgCKwQprURMmlgxkM0LDdW6WjzuAVNABZaa8XYgQAn/EAQFPw6h/fDNNu2SUQC3bBNKStA3RRE0HL3qOSAAAAAElFTkSuQmCC") no-repeat 0 9px;}
#postMsg,#myThought{ padding: 17px 18px; border: 1px solid #EAEBED; font-size: 14px; color: rgba(42,51,79,0.50); line-height: 20px;}
#postMsg{ margin-top: 19px ; width: 734px; height: 64px;}
.addMeg .release,.grade .release{ margin-top: 20px; width: 80px; height: 34px; font-size: 18px; line-height: 34px; text-align: center; color: #fff; background: #20AFD6; border: 1px solid #20AFD6; cursor: pointer;}
.bPage{ margin-left: 100px; margin-top: 20px;}
.bPage em{ margin-right: 23px; line-height: 40px; font-size: 18px; color: rgba(42,51,79,0.70);}
.bbsList{ margin-top: 38px;}
.bbsList li{ position: relative; padding-top: 20px; padding-bottom: 9px; border-top: 1px solid #EAEBED;}
.bbsList .uInfo,.msgList .uInfo{ margin-right: 25px; width: 46px; text-align: center; font-size: 14px; color: rgba(42,51,79,0.70);}
.bbsList .uInfo .uImg{ width: 46px; height: 46px;}
.bbsList .opt{ position: absolute; right: 0; top: 20px; height: 20px;}
.bbsList .opt a,.otherMsg .bDate a{ position: relative; margin-left: 18px; padding-left: 17px; font-size: 14px; line-height: 20px; color: #697083;}
.bbsList .opt i,.otherMsg .bDate i{ position: absolute; left: 0; top: 3px; display: block; width: 14px; height: 14px;}
.reply i{ background-position: -22px -92px;}
.delete i{ background-position: 0 -92px;}
.bbsList .uDec{ width: 580px; font-size: 14px; line-height: 20px; overflow: hidden;}
.bbsList .bDate{ font-size: 12px; color: rgba(42,51,79,0.70);}
.bbsList .bDate span{ margin-top: 3px; margin-right: 26px; line-height: 18px;}
.otherMsg{ position: relative; margin-top: 8px; margin-right: 80px; padding: 11px 18px; width: 584px; background: rgba(234,235,237,0.40);border-radius: 15px; overflow: hidden;}
.otherMsg .uInfo{ margin-right: 10px;}
.otherMsg .uDec{ margin-top: 14px; width: 500px;}
.otherMsg .uDec span{ margin-right: 8px; color: #20AFD6;}
.otherMsg .bDate{ position: relative; padding-right: 230px; margin-top: 10px;}
.grade{ padding-bottom: 57px; width: 290px;}
.myScore{ height: 54px; font-size: 18px; line-height: 54px;}
.myScore span{ margin-right: 20px; color: rgba(42,51,79,0.70);}
.myScore i{ margin-top: 20px;}
.myScore em{ margin-right: 20px; color: #FC8065;}
#myThought{ width: 254px; height: 66px;}
.megCount{ margin-top: 16px; font-size: 18px; line-height: 26px; color: rgba(42,51,79,0.70);}
.msgList li{ padding: 30px 0 20px 0; border-bottom: 1px solid #EAEBED;}
.uScore{ width: 218px; font-size: 12px; line-height: 14px;}
.msgList .uThought{ margin-top: 17px; width: 218px; font-size: 14px; line-height: 20px;}
/*
é¡¹ç›®è¯¦æƒ…-å­¦ä¹ è®°å½•
*/
.train{ margin-bottom: 20px; padding-top: 17px; padding-bottom: 30px; width: 770px;}
.train h6{ width: 155px; height: 34px; font-size: 18px; text-align: center; line-height: 34px; background: url("../img/hBg.png") no-repeat;}
.tranList{ margin: 32px auto 0; width: 770px; border: 1px solid rgba(42,51,79,0.10); border-radius: 0 0 15px 15px; font-size: 14px;  color: rgba(42,51,79,0.7);}
.tranList td,.tranList th{ padding: 20px; line-height: 20px; text-align: center;}
.tranList .traTit{ padding: 10px 0; background: rgba(32,175,214,0.3);}
.tranList a:hover{ color: #20AFD6;}
.share{ margin-bottom: 20px; padding-bottom: 57px; width: 290px;}
.shareList{ margin: 10px auto 0; width: 300px;}
.shareList li{ margin: 10px 0; padding-left: 48px; height: 30px; line-height: 30px; font-size: 14px; border-radius: 18.5px;}
.shareList li span{ margin-left: 20px;}
.pageView{ background: rgba(32,175,214,0.10) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAABHNCSVQICAgIfAhkiAAAAcFJREFUKJF1kk9sTFEYxX/nvnnN6yCpRdNGKLGgSTXqz4rYEhIaHSG6IKSL7kgRiQVbiY2lhYVEIuJPGRJ/dvYSRDI0gkxawYh/qczQN2/uZ0Gn7436dvd8557vu+dcMU8tvf2yP/AcELbWxHqwCKMiNIV0qVzvvcxeNdJ3lD4sK07sct6fFmwAMMNLvMb4ZbBGwgEY9kbGsfJQXzEj1PXw44Ko+vW8xMhsw4wnjcDvqzei6bzF7TNBmw8tvirYlOJcrIcdR97vXFJzAFH1y92MCHxO0NbAu4PtiivmKIc+PlnPBYPAj+YWYiRMvt0B0PLx0nFJ5zImmV03wjNS8iINe7MtgsOSDmXpdsIJFVrNNvRJanT9k4ILupHetcJCBWc5N2xYrUVq4Gd+8WMzPqTA6STQI2BddqjVkPYLYMV4adDEFaF8kyBtrhNOtfn4FLJILjibwOrA+2JaRMZweaiv2Iy/5+arlXLJDTUn2neMMTM9SKRFOdlRYFR/kzZ4aj63Z7Kw6u2f52Vdcz23JnYIGwW2z/6buTYeuG/owuTu3ntIfs6n/1TntdLCfM71m/xGhxLv3POZqONZZVt3dT7+b7yrs2lQKSaVAAAAAElFTkSuQmCC") no-repeat 10px 10px;}
.pageView span{ color: #20AFD6;}
.pageLike{ background: rgba(255,160,54,0.10) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAABHNCSVQICAgIfAhkiAAAAN9JREFUKJGVjz1OAlEURs+9A4WJbsDKBdBIwsTYuA8L4wroCQ2swYTOOCU7oLSwAeNUrICCgkglxkJhPgsB+ZkR31e9d+8997wHBZEwPcR9JfFdXt8KwfvzU6LyGABfXNhNOtjsexFIKbpcn7PoaredC6qFk1ljo/S1tzfXdlZrg1V/N2l00KikVgea21Ofg905UxJ/AEfAu90+nyiJlfuK7fQdMV9ejv8BrFJx0CwAWEZDx3gL5+zFEeFG57EUbpQoZ08OFmi01K7TqUOgUeoBOGLyU1j9Vd0/oFegA/ANNjJEOuqqAAEAAAAASUVORK5CYII=") no-repeat 10px 8px;}
.pageLike{ color: #FFA036;}
.pageCollect{ background: rgba(252,128,101,0.10) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAABHNCSVQICAgIfAhkiAAAASlJREFUKJGd0r8vQ2EUxvHv8753x2YQC1M3C2mkif9BJAYS0qbix2iRoDcRiUEMBkMviYiQmPwHWGowYGgMutklYmt77zGRtgS9Zzzv88nzDkcAFk4EiYbXEtO0YBC487CuMKpYKT8ay+0AY4a9OHHurLat8Lopu5jyzWrPlaQcrWNmBhVJWcC1PWG3QeYtFyTVvkXJ2iGAJMH4tz0glE2eepdcomT2p8Bfk5jNOJlG0mChjEP2ngaD1R3oMR3mwcnsMhWVnTgnO8W6/brVfL8/cwqPXiVWu6HeqaCFcsMB+PCwbNj+vzphV5vRDYC+lobisBAh5X+xB74UrUgYtJydhHkNFA32gGZHXx2YD8Jo+RO2NbdFt4pDcZyEoEmD+8A35rRx/NyZ+wBQmWoimqPowwAAAABJRU5ErkJggg==") no-repeat 10px 8px;}
.pageCollect{ color: #FC8065;}
/*
é¡¹ç›®è¯¦æƒ…--è½¯ä»¶è¯¦æƒ…
*/
.viList{ margin-top: 9px;}
.viList li{ margin: 20px 25px 20px 0; font-size: 24px; text-align: center;}
.viList li.last{ margin-right: 0;}
.viList a{ position: relative; display: block; width: 240px; height: 160px; color: #fff;}
.viList a img,.viList a span{ position: absolute; left: 0; top: 0;}
.viList a img{ z-index: 0;}
.viList a span{ display: block; width: 240px; line-height: 160px; z-index: 2;}
.vlList{ margin-top: 6px;}
.vlList li{ margin: 20px 18px; font-size: 18px; line-height: 20px;}
.vlList a{ margin-right: 14px;}
.vlList i{ margin-top: 2px; display: block; width: 14px; height: 16px; background-position: -17px -26px; cursor: pointer;}
/*
ä»¿çœŸèµ„æº*/
.appOpt{ margin-bottom: 34px;}
.appOpt a{ margin-left: 20px; display: block; width: 140px; height: 44px; font-size: 18px; color: #fff; text-align: center; line-height: 44px;}
.appStart{ background-color: #20AFD6;}
.appDown{ background-color: #FFA659;}
.appTips ul{ position: absolute; left: 126px; top: 34px; width: 213px; line-height: 18px;}
.appTips li{ margin-bottom: 4px;}
.source{ position: relative; padding: 0 30px 60px 30px; background-color: #fff; border-radius: 15px;}
.soTit{ padding: 34px 0; height: 34px; line-height: 34px; font-size: 24px; font-weight: 500;}
.soInfo{ position: absolute; right: 30px; top: 45px; font-size: 14px; line-height: 40px; color: rgba(42,51,79,0.70);}
.soInfo span{ margin-left: 28px;}
.viLeft{ margin: 10px auto 0; padding: 30px; width: 1080px; min-height: 540px; background-color: #1C1F21;}
.vidList{ width: 288px; color: #fff;}
.vidList li{ margin-bottom: 30px;}
.viTit{ margin-bottom: 10px; padding-left: 36px; line-height: 26px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAABHNCSVQICAgIfAhkiAAAAMxJREFUOI3l1DFKA2EQxfH/S75cIEvKNJaSSswxcoVACF4krZ4gnsdC0CvYpPr221kIS2IVxi6gAVlhEMFXDsOPKR6jXOxB+C1BcfSqXFsjUYWhjqVR0s3ppKsoNCV/i7J+ObnYJhrc5ro5RFgDd1cuthXcgY4RaCpN+yhYA0i8f13Ixe6Fz/uCjl6SO2PpPLq81Fkh9e+xM0tivHTaZ8E1cIH+tMfnnprZtC7W5tqeel/0TQYAVVXtfKiFYB+BfkrXdZNw9E9H//uffgC/f18xt7LljAAAAABJRU5ErkJggg==") no-repeat left center;}
.viTit.curr{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAAXNSR0IArs4c6QAAAR1JREFUOBFjVNx4o/T///9BjAz/GRkoBP8ZGP8zMjKuY/n//18Cw38Grf8UGgjR/h9o1H8+FgV+TuOHX37p/f/LSLFLGZn//5fnYbtEFffR3xCFDdfrqGErE8iQhv//mRTXX5/JwPC/nBqGshif+c+6YOONRUADI4Cp6i1VDH335MYahv///UCGAaP/O7qhihuulwCTWzAx6RicThkY1rIADfmMMOg/hqHAdAdKx9rEpWOgakYGXhZ5fo6Uhx+/q/z/z2AOdOs3hAUQFjAdmzz6/Ev33z9GcPijyyPzmZj+/5PjZbsMTvCKG++JM/z/cQro/GcPAjQtkRWSwwbbft9f6SUDM7Mf0IbX5BiCV4/Kttt8eBUMO0nGkV2eAgBSFHhUM2fZYgAAAABJRU5ErkJggg==");}
.vidList a{ color: #fff;}
.vidList a:hover,.viBox .curr a{ color: #20AFD6;}
.viBox{ line-height: 22px;}
.viBox P{ margin: 18px 0;}
.viBox a{ padding-left: 34px; display: block; width: 160px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAYxJREFUOBGtVLtOw0AQvD0LCppgy3FDiWjpEBUhEh9AyQ8AZf4FUaZHSskHIIVQRXRpESVNbGLSUIDsZeeSs04XO4oi3Nx6H+Px7s6Rqnmy7OuCubxSxB1mdYAUIvWhmEZEehDH+09+GbmO6Xx+RD9FnxWfu37fJkXPvBvcJK3Wm41VQNPZ7IxK9cjMoQ2uO4koZ60ukyh6QZ4BMkx+i/GmIPYDBmwnOAUzbdDwOx4T6clYfqEvyWwL/RM1aAX82jS2pies9EO7Hd1yQF0h/u6D2Hf0ExjaTMd6nVOoGiZJGI7acXgsY7tvYgcMjRE79bWmAHwncdRrZCcYwmixJ7UIntOyk/69uiFgmGa7zm1tbTZ2w+ppnnfSLJ8IgxO3BBgaa+8662wZ816Wfd5RwUOZweFKjmAIIz1YCYijtMu6ZFGy6glgpQS3BhgmkKazoa8vLKSwncjuXzcBAAy6k33r/q9EoBUIENpxKa+zkWtEu7wBqvFDxSwCBNV1AIiZawRiXSp/4aup2uZi+wM/cb5iCnHwXwAAAABJRU5ErkJggg==") no-repeat left center;}
.viBox .curr a{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAahJREFUOBGdVD1PAkEQnVmIJlYaO63AKKGxMYbKk8SaAJV/QOzkb/gDLOlNrJBQm+hZEWNjY9DAVdgp2phoOMaZlb3c7R2EsMllb+fj7dvZeYuQMLLN7hHh+JhdDhBt6hDEAc8ukrrqV3M3dhqGDdl2b5tGvw0COgzb7X8EvMP0Uq1f2no1vgAoc909IPBbQLBmnDNnhCFCquxVcvcSp4GEydj/6cwNYnZgMJVaLggzJTY5jg2CCB1EbAAimbzYzOx1LjuULmxCTQjUpVfJnyKmihzXi4FMDFJPwVCT24nFIZFm4pV33PX06i6zu5jGTjDkaE4MxTI8lja+mV19BjtHBX1iJSctA3aADxE/95oudsS44ELxuaVj5xqZ1ovzPvp84gLvRxIYI80Gl79cxGEt9tpvKx/+1zmRf8auoIlDYa4S7YQMwS/xNckiYEFU53omgYBg/Ac3n29tfUlD8uZ8DDiZBiAbie68ar6oiy0CZMtQHGZwFxW4lWqzQCRH53KSBhKtiABtMAOaOE9Ea16A4PpFxSJAoZqYGDJKjMQa5YsrsXiLPGx/iIGt7ksR3rgAAAAASUVORK5CYII=");}
.viState{ display: block; width: 72px; height: 22px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAbNJREFUOI2dk79rFFEUhb/zdjMr6WZ3oq1lVgQlEaIQi6Bgq72IjRCwtV5Q7PRfEFa0VLS0MJU/WC0WqwQ7bZTszHMFC5nNzLsWMythIe7iqV5xz/fuvZwrZuS9P18Ebgq6BqcxgsSewW7T0e90OoPD9Zo+zKyVZf6eoTuAmwXXKjF7sLLS6Uk6+Asws2aa+QFoHcCwp4gXy63W2zzPl0rYwLgmdL2qZ3B8pX1RUgHAKPtxf5R6G6XZtzQdbx3xO2k63hqNsu+j1Nt+6u8CKE1/rhvlR8BZQ5sn2u13RwEAsiy7FEyvgWBNt+aMcrue+dE8M0CSJDsYfcBRhNsOo1ttUc/nmaeS9AxAsOoMOwvQbPJ+UQC0hgBmtuoEvwAOoujY4oC6Eygd6BMAeX5mcWu+VhE0dGAVoGR7UXsg3KpbGGo8Hp+cFOGzIHKyy0mS7PzLvO/9FQVemdnvaKnRdXEcf5HUAwjGk3lBorTHdfu9OI6/TqPcqKN8DuooO71cjqI3k8kkKmCDYFdnorwpqfyfY3pYH9OkWsOMvPcXimA3hE5V52ylpD3DdhuinyTJh8P1fwD5Oc/HkUUvgQAAAABJRU5ErkJggg==") no-repeat right center;}
.viBox .curr .viState{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAUCAMAAAAZf4v5AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUxpcf+mWf+mWf+lWP+mWf+mWP+nWP+lWP+nWP+lWP+mWP+mV/+lWP+oVf+lWP+mWP+mV/+lWP+mWP+mWP+mWf+mWaRHuGcAAAAVdFJOUwDVg8hh6kKiN73xK5YXiyR0ulKs28Af0qEAAAEuSURBVDjLzZTrcoQgDIW5BQzibde8/6tWLgrZsjtO2x/NOCMgfnBOCEL8gxhm7b2eh19iFk37rNS8k17eTjLULCONEA5jy7k6OsJzzC27Q2wNxMKkbyhbBXEQDoYjdQ1OEGpbw1SnU1lNcXAkKhlp8amBOs9e00vjd1CaBe1+WBTJlrKuInYkexnSgpIExAIaWmrphE20ILGFHsilDX0EyZWDVtkBDdlTvHTLU1ddyz8KaLM2qnr4Crq8lVR/bcwCahw9QaZkugWdyznK2UFsT5YidoBPaWLJO+pIM+QYCHnWkJt9RsdsqUx3R8B+tMTKop/+OyCBru3lA/kj0ARz7YRYIsA9gOwSK5FUNu6lro+iLQU2PWF8U/o3rxEfjpTZ4D9cI7cvNviDi+0lvgDnKRRtXRuHEAAAAABJRU5ErkJggg==");}
/*
å®žéªŒæŠ¥å‘Š*/
.alert{ display: none; position: relative; padding: 42px 20px 72px 20px; width: 1000px;  background: #fff; border-radius: 15px;}
.alert h6{ margin-bottom: 40px; font-size: 34px; line-height: 48px; text-align: center;}
.reportInfo{ padding: 0 10px; height: 40px; line-height: 40px; background: rgba(225,228,232,0.7);}
.alert .ATclose{ position: absolute; top: 50px; right: 45px; padding-left: 34px; line-height: 26px; background: url("../img/close.png") no-repeat left center; color: #6e7588;)}
.alertBox{ padding-right: 20px; max-height: 470px; overflow-x: hidden; overflow-y: auto;}
.reName{ width: 200px;}
.reCode{ width: 243px}
.reSchool{ width: 194px;}
.reDate{ width: 267px;}
.reName,.reCode,.reSchool{ margin-right: 12px;}
.modeTt{ display: block; padding-left: 13px; width: 987px; height: 70px; font-size: 24px; color: #20AFD6; line-height: 70px; border-bottom: 1px solid  rgba(225,228,232,0.7); overflow: hidden;}
.mode.curr .modeTt{ border: none;}
.modeTt i{ margin-top: 20px; display: block; width: 30px; height: 30px; margin-right: 18px; border-radius: 50%; background-color: #20AFD6; text-align: center; line-height: 30px; color: #fff; font-size: 18px;}
.modeBox{ padding: 20px 60px; background-color: rgba(225,228,232,0.7); font-size: 18px; line-height: 26px;}
.modeTxt{ margin-bottom: 12px;}
.reScore{ font-weight: 600;}
.modeBox textarea{ margin: auto; padding: 14px 20px; width: 760px; height: 82px; background-color: #fff; border: 1px solid #EAEBED; font-size: 18px; resize: none;}
.repUp{ margin-top: 20px; margin-bottom: 8px; width: 80px; height: 34px; font-size: 18px; text-align: center; line-height: 34px; color: #fff; background: #20AFD6;border: 1px solid #20AFD6; color: rgba(42,51,79,0.5); cursor: pointer;}
/*å¼¹çª—*/
.logBox{ display: none; position: relative; width: 390px; height: 390px; background-color: #fff; border-radius: 27px; font-size: 14px; overflow: hidden;}
.logBox h6{ margin-top: 15px; font-size: 20px; font-weight: 500; line-height: 28px; text-align: center;}
.logBox .ATclose{ position: absolute; top: 20px; right: 20px; color: #20AFD6;}
.warn{ margin: 4px 0 10px 0; width: 100%; height: 18px; color: #f36c66; text-align: center; line-height: 18px;}
.logBox .userName,.logBox .passWord{ margin: 0 auto 16px; padding-left: 54px; display: block; width: 264px; height: 44px; border: 1px solid #EAEBED; border-radius: 27px; background: url("../img/logIco.png") no-repeat;}
.logBox .userName{ background-position: 22px 0;}
.logBox .userName:focus{ background-position: 22px -44px;}
.logBox .passWord{ background-position: 22px -88px;}
.logBox .passWord:focus{ background-position: 22px -132px;}
.logBox .userName:focus,.logBox .passWord:focus{ border-color: #20AFD6; color: #20AFD6;}
.logBox .userName.curr,.logBox .passWord.curr{ border-color: #f36c66;}
.login,.login2{ margin: 0 auto 30px; display: block; width: 320px; height: 45px; background-image: url("../img/logBtn.png"); color: #fff; line-height: 45px; font-size: 16px; box-shadow: 0 4px  8px rgba(33,176,215,0.4); border-radius: 27px; border: none; cursor: pointer;}



.noticDetailsbox{
    width: 1003px;
    margin: auto;
    background: #fff;
    min-height: 800px;
    border: 0px solid #dfdfdf;
    border-top: 0px solid #dfdfdf;
    margin-top: 29px;
    margin-bottom: 40px;
    position: relative;	
}
.noticDetailsbox h1 {
    width: 1003px;
    left: 0px;
    background: #20AFD6;
    height: 40px;
    border-top: 0px solid #e2e2e2;
    box-shadow: inset 0px 1px #42cef2;
    color: #fff;
    line-height: 40px;
    font-size: 18px;
    text-indent: 57px;
    position: relative;
}
.noticDetailsbox h1 i {
	background: url(../img/lb.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    pointer-events: none;
    top: 8px;
    left: 17px;
}
.noticDetailsbox h3 {
    font-size: 22px;
    color: #364348;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    word-break: break-all;
    padding-top: 33px;
    padding-bottom: 23px;
    *padding-bottom: 0px;
}
.noticDetailsbox p.Htime {
    font-size: 13px;
    color: #666;
    text-align: center;
    padding-bottom: 21px;
    width: 923px;
    margin: auto;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 25px;
}
.Ptext {
    font-size: 13px;
    color: #666;
    width: 900px;
    line-height: 38px;
    text-align: justify;
    padding-left: 50px;
    padding-right: 50px;
}
.Ptext p {
	font-family: "å¾®è½¯é›…é»‘";
    width: 900px;
    font-size: 14px;
    word-wrap: break-word;
    word-break: normal;
}
.nowrap a{
	color: #fff;
}

/*登录后的样式*/
   	.nav1 .logg{
    	position: relative;
	    padding-left: 26px;
	    font-size: 16px;
	    line-height: 70px;
	    color: #fff;
    	}

    	.nav1 .logg i {
	    position: absolute;
	    left: 0;
	    top: 26px;
	    display: block;
	    width: 18px;
	    height: 18px;
	    background-position: -82px 0;
	    }


        /*退出登录*/
.nav1{
	position:relative;
	overflow: inherit;
}
.contenttc{
	position:absolute;
	top: 57px;
	width: 104px;
	right: 0;
	z-index: 222;
	border:1px solid #e9e9e9;
	background: #fafafa;
}
.tli0{
	float: right;
	position:relative;
}

.contenttc p{
	text-align: center;
}
.contenttc p a{
	color: #666;
    font-size: 14px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contenttc p a.undelines{
	border-bottom: 1px solid #e9e9e9;
}
.contenttc p a:hover{
	color: #20AFD6;
}
div.footer {
    width: 100%;
    /* height: 50px; */
    background: #525970;
    color: #fff;
    font-size: 12px;
    text-align: center;
    bottom: -10px;
    line-height: 25px;
    padding: 20px 0 30px 0;
    z-index: 6;
}
div.footer p{
color:#fff;
font-size:14px;
}