﻿@charset "utf-8";
/* CSS Document */

/*public*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal}
ol, ul { list-style:none; display:block }
ol, ul, li, dl, dd, dt{display:block}
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
html,body{width:100%; height:100%}
body{font-size:14px; line-height:180%; font-family:arial,"Microsoft YaHei"; background:#fff}
.l{float:left}.r{float:right}.c{clear:both; overflow:hidden; zoom:1}
a{color:#333; text-decoration:none; outline:0}
a:visited{color:#333}
.mBox{position:relative; width:1200px; margin:0 auto}
.act{transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
input,select{-webkit-appearance:none; outline:0; font-size:14px}
/**/
.mb40{margin-bottom:40px}
/**/

body.indWeb{background:url(../images/indBgSky.jpg) no-repeat top center; background-size:cover}
.indWebBox{height:100%; position:relative}
.indWebBox .bg1{background:url(../images/indBg2.jpg) no-repeat center top; width:100%; height:226px; position:absolute; bottom:0; left:0}
.indWebBox .bg2{background:url(../images/indBg1.png) no-repeat center top; width:100%; height:334px; position:absolute; bottom:225px; left:0}
.indWebBox .title{background:url(../images/indTitle.png) no-repeat; position:absolute; width:626px; height:176px; top:50%; left:50%; margin-left:-313px; margin-top:-370px; z-index:5; animation:titleIn 1s ease-in-out; -webkit-animation:titleIn 1s ease-in-out; -moz-animation:titleIn 1s ease-in-out; -ms-animation:titleIn 1s ease-in-out}

.indWebBox .btnP{display:block; position:absolute; z-index:5; transition:all 0.1s; -webkit-transition:all 0.1s; left:50%}
.indWebBox .btn1{background:url(../images/ind03.png) no-repeat; width:199px; height:116px; bottom:97px; margin-left:-527px}
.indWebBox .btn2{background:url(../images/ind36.png) no-repeat; width:160px; height:155px; bottom:160px; margin-left:385px}
.indWebBox .btn3{background:url(../images/ind615.png) no-repeat; width:199px; height:227px; bottom:200px; margin-left:50px}
.indWebBox .btn4{background:url(../images/indLs.png) no-repeat; width:138px; height:206px; bottom:210px; margin-left:250px}
.indWebBox .btn5{background:url(../images/indJz.png) no-repeat; width:131px; height:245px; bottom:180px; margin-left:-350px}
.indWebBox .btn6{background:url(../images/ind1.png) no-repeat; width:160px; height:139px; bottom:30px; margin-left:-300px}
.indWebBox .btn7{background:url(../images/ind2.png) no-repeat; width:126px; height:110px; bottom:130px; margin-left:-120px}
.indWebBox .btn8{background:url(../images/ind3.png) no-repeat; width:118px; height:95px; bottom:80px; margin-left:225px}
.indWebBox .btn9{background:url(../images/ind4.png) no-repeat; width:182px; height:121px; bottom:10px; margin-left:385px}
.indWebBox .btn10{background:url(../images/ind5.png) no-repeat; width:134px; height:124px; bottom:60px; margin-left:0px}

.indWebBox .btn1:hover{bottom:100px}
.indWebBox .btn2:hover{bottom:163px}
.indWebBox .btn3:hover{bottom:203px}
.indWebBox .btn4:hover{bottom:213px}
.indWebBox .btn5:hover{bottom:183px}
.indWebBox .btn6:hover{bottom:33px}
.indWebBox .btn7:hover{bottom:133px}
.indWebBox .btn8:hover{bottom:83px}
.indWebBox .btn9:hover{bottom:13px}
.indWebBox .btn10:hover{bottom:63px}

.indWebBox .btnP:hover{animation:indBtnP 0.5s ease-in-out; -webkit-animation:indBtnP 0.5s ease-in-out; -moz-animation:indBtnP 0.5s ease-in-out; -ms-animation:indBtnP 0.5s ease-in-out}



.indWebBox .appDB{position:absolute; top:20px; right:10px; width:260px;z-index:10;}
.indWebBox .appDB a{display:block; width:120px; float:right; margin:0 0 10px 10px; height:39px; background-image:url(../images/indapp.png); cursor:pointer}
.indWebBox .appD1{background-position:right top}
.indWebBox .appD1:hover{background-position:right bottom}
.indWebBox .appD2{background-position:left top}
.indWebBox .appD2:hover{background-position:left bottom}
.indWebBox .appDB div{width:250px; height:250px; float:right; border-radius:12px; display:none}
.indWebBox .appDB div img{width:250px; height:250px; border-radius:12px}

.indFooter{height:126px; background:url(../images/indBg2.jpg) no-repeat bottom center}
.indFooter .nav{height:36px; line-height:35px; background:#b0d66c; border-radius:10px; text-align:center}
.indFooter .nav a{margin:0 10px}
.indFooter dl{height:50px; line-height:25px; padding:15px 0 0}
.indFooter dl dt{float:left; display:block; background:url(../images/footLogo.png) no-repeat center; width:161px; height:46px}
.indFooter dl dd{float:right; width:1010px; color:#3c4c22}
.indFooter dl dd a{margin-right:20px}
.indFooter a{color:#3c4c22}
.indFooter a:hover{color:#222}

/*list*/
.mBody{background:url(../images/bgP.jpg) no-repeat top center}
.headerWeb{}
.headerWeb a.logo{background:url(../images/logoP2.png) no-repeat; width:179px; height:76px; position:absolute; top:65px; left:0}
.headerWeb .userB{background:url(../images/userTopbg2.png) no-repeat top right; height:40px; width:490px; padding:0 45px; position:absolute; top:0; right:0}
.headerWeb .userB a{display:block; height:24px; line-height:24px; padding:0 10px; float:right; color:#fff; margin:8px 0 0; border-radius:30px; transition:background 0.3s ease-in-out; -webkit-transition:background 0.3s ease-in-out}
.headerWeb .userB span{display:block; height:24px; line-height:24px; padding:0 10px; float:right; color:#fff; margin:8px 0 0; border-radius:30px; transition:background 0.3s ease-in-out; -webkit-transition:background 0.3s ease-in-out}
.headerWeb .userB a:hover{color:#0068ac; background:#fff;}
.headerWeb .userB .login{float:right; padding:0 15px}
.headerWeb .userB .login a{padding:0 15px}
.headerWeb .userB .info{}
.headerWeb .userB .info a{padding:0 8px}
.headerWeb .userB .info i{font-size:14px; line-height:24px; margin:0 0 0 2px; float:right}

.headerWeb .searchB{background:url(../images/userTopbg1.png) no-repeat top left; width:290px; height:40px; position:absolute; top:0; right:240px; z-index:2; padding:0 0 0 50px}
.headerWeb .searchB input{float:left; display:block; background:none; transition:background 0.3s ease-in-out; -webkit-transition:background 0.3s ease-in-out}
.headerWeb .searchB .text{height:24px; line-height:24px; margin:8px 0 0; border:0; width:145px; border-radius:30px; padding:0 10px; margin-right:5px; background:#f4fafe}
.headerWeb .searchB .text:hover{background:#fff}
.headerWeb .searchB .button{height:24px; width:60px; line-height:24px; border-radius:30px; font-size:12px; cursor:pointer; background:#00a3d9; color:#fff; font-weight:bold; letter-spacing:2px; border:0; margin:8px 0 0}
.headerWeb .searchB .button:hover{background:#0068ac}

.headerWeb .navB{}
.headerWeb .navP{display:block; background-image:url(../images/navBtnP2.png); background-repeat:no-repeat; display:block; position:absolute}
.headerWeb .navP:hover{animation:navP 1s ease-in-out infinite; -webkit-animation:navP 1s ease-in-out infinite; -moz-animation:navP 1s ease-in-out infinite; -ms-animation:navP 1s ease-in-out infinite}
.headerWeb .nav1{animation:LRfloat 7s linear infinite; -webkit-animation:LRfloat 7s linear infinite; -moz-animation:LRfloat 7s linear infinite; -ms-animation:LRfloat 7s linear infinite}
.headerWeb .nav2{animation:LRfloat 6s linear infinite; -webkit-animation:LRfloat 6s linear infinite; -moz-animation:LRfloat 6s linear infinite; -ms-animation:LRfloat 6s linear infinite}
.headerWeb .nav3{animation:LRfloat 5.5s linear infinite; -webkit-animation:LRfloat 5.5s linear infinite; -moz-animation:LRfloat 5.5s linear infinite; -ms-animation:LRfloat 5.5s linear infinite}
.headerWeb .nav4{animation:LRfloat 6.5s linear infinite; -webkit-animation:LRfloat 6.5s linear infinite; -moz-animation:LRfloat 6.5s linear infinite; -ms-animation:LRfloat 6.5s linear infinite}
.headerWeb .nav5{animation:LRfloat 7s linear infinite; -webkit-animation:LRfloat 7s linear infinite; -moz-animation:LRfloat 7s linear infinite; -ms-animation:LRfloat 7s linear infinite}
.headerWeb .nav6{animation:LRfloat 5s linear infinite; -webkit-animation:LRfloat 5s linear infinite; -moz-animation:LRfloat 5s linear infinite; -ms-animation:LRfloat 5s linear infinite}
.headerWeb .nav7{animation:LRfloat 5.5s linear infinite; -webkit-animation:LRfloat 5.5s linear infinite; -moz-animation:LRfloat 5.5s linear infinite; -ms-animation:LRfloat 5.5s linear infinite}
.headerWeb .nav8{animation:LRfloat 6s linear infinite; -webkit-animation:LRfloat 6s linear infinite; -moz-animation:LRfloat 6s linear infinite; -ms-animation:LRfloat 6s linear infinite}
.headerWeb .nav9{animation:LRfloat 5.5s linear infinite; -webkit-animation:LRfloat 5.5s linear infinite; -moz-animation:LRfloat 5.5s linear infinite; -ms-animation:LRfloat 5.5s linear infinite}
.headerWeb .nav10{animation:LRfloat 5.5s linear infinite; -webkit-animation:LRfloat 5.5s linear infinite; -moz-animation:LRfloat 5.5s linear infinite; -ms-animation:LRfloat 5.5s linear infinite}

.headerWeb .nav1{ width:95px; height:63px; top:93px; left:214px; background-position:0px 0px}
.headerWeb .nav2{ width: 106px; height: 70px; top: 62px; left: 312px; background-position: -95px 0px }
.headerWeb .nav3{ width: 90px; height: 60px; top: 92px; left: 419px; background-position: -201px 0px }
.headerWeb .nav4{ width: 87px; height: 58px; top: 63px; left: 497px; background-position: -291px 0px }
.headerWeb .nav5{ width: 95px; height: 63px; top: 88px; left: 581px; background-position: -378px 0px }
.headerWeb .nav6{ width: 86px; height: 58px; top: 73px; left: 683px; background-position: -473px 0px }
.headerWeb .nav7{ width: 89px; height: 57px; top: 89px; left: 772px; background-position: -559px 0px }
.headerWeb .nav8{ width: 88px; height: 57px; top: 72px; left: 860px; background-position: -648px 0px }
.headerWeb .nav9{ width: 103px; height: 68px; top: 79px; left: 961px; background-position: -736px 0px }
.headerWeb .nav10{ width: 87px; height: 57px; top: 72px; left: 1070px; background-position: -839px 0px }

.headerWeb .nav1:hover{background-position:0px -80px}
.headerWeb .nav2:hover{background-position: -95px -80px }
.headerWeb .nav3:hover{background-position: -201px -80px }
.headerWeb .nav4:hover{background-position: -291px -80px }
.headerWeb .nav5:hover{background-position: -378px -80px }
.headerWeb .nav6:hover{background-position: -473px -80px }
.headerWeb .nav7:hover{background-position: -559px -80px }
.headerWeb .nav8:hover{background-position: -648px -80px }
.headerWeb .nav9:hover{background-position: -736px -80px }
.headerWeb .nav10:hover{background-position: -839px -80px }

/**/
.headerZW{height:180px}
.mBox2{width:1230px; margin:0 auto}

.filterB{background:url(../images/filterBg.png) no-repeat top center; height:155px; position:relative; border-bottom:2px solid #f40}
.filterB ul{padding:13px 0 0 20px}
.filterB ul li{overflow:hidden; zoom:1; height:25px; margin-bottom:10px}
.filterB ul li i{display:block; float:left; width:25px; font-size:18px; height:25px; margin-right:8px; color:#f40}
.filterB ul li a{display:block; padding:0 10px; float:left; color:#f40; border-radius:25px; margin-right:8px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s}
.filterB ul li a:hover{background:#f40; color:#fff}
.filterB ul li a.action{background:#f40; color:#fff}

.filterB .typeP{position:absolute; bottom:0; right:90px; z-index:2}
.filterB .type1{width:296px; height:199px; background:url(../images/type1.png) no-repeat; bottom:-21px}
.filterB .type2{width:313px; height:207px; background:url(../images/type2.png) no-repeat; bottom:-26px}
.filterB .type3{width:291px; height:233px; background:url(../images/type3.png) no-repeat; bottom:-32px}
.filterB .type4{width:289px; height:229px; background:url(../images/type4.png) no-repeat; bottom:-36px}
.filterB .type5{width:329px; height:230px; background:url(../images/type5.png) no-repeat; bottom:-36px}
.filterB .type6{width:361px; height:176px; background:url(../images/type6.png) no-repeat}

.filterB2{background:url(../images/filterBg2.png) no-repeat top center; height:110px; border:0}
.filterB2 b{display:block; font-size:30px; color:#f40; padding-left:30px; line-height:100px; padding-top:15px}

/**/
.mBor{background:#fff; border-radius:0 0 30px 30px; padding:30px 25px; overflow:hidden; zoom:1; box-shadow:0 10px 15px rgba(0,0,0,0.05); position:relative; *border:1px solid #eee; border:1px solid #eee\9}
.mBor2{background:#fff; border-radius:30px; padding:20px 25px; overflow:hidden; zoom:1; box-shadow:0 10px 15px rgba(0,0,0,0.05); position:relative; *border:1px solid #eee; border:1px solid #eee\9}
.mL{width:890px; float:left}
.mR{width:245px; float:right}

.tagP{overflow:hidden; zoom:1; margin-bottom:10px}
.tagP ul{float:left}
.tagP li{float:left; display:block; margin:0 5px 10px 0; height:30px; line-height:30px}
.tagP li a{display:block; height:30px; padding:0 20px; font-size:16px; font-weight:bold; border-radius:30px; color:#444; background:none}
.tagP li a:hover{background:#eee}
.tagP li.active a{color:#fff; background:#f40; cursor:default}
.tagP li.active a:hover{background:#f40}
.tagP p.more{float:right; display:block; line-height:30px}
.tagP span{color:#999; font-size:12px}
.tagP a span{margin:0 0 0 4px}
.tagP li.active a span{color:#fff}

.siteTit{height:45px; line-height:30px}
.siteTit b{display:block; float:left; height:35px; line-height:35px; background:url(../images/icoTit.png) no-repeat center left; padding-left:45px; font-size:16px; color:#28b232}
.mTit{height:40px; line-height:30px}
.mTit b{display:block; float:left; height:35px; line-height:35px; font-size:20px; color:#444}


ul.courseB{width:108%; overflow:hidden; zoom:1}
ul.courseB li{width:165px; height:158px; margin:0 16px 20px 0; border-radius:5px; float:left; position:relative; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s}
ul.courseB li a{display:block}
ul.courseB li .viewImg{width:165px; height:110px; background:url(../images/loadingGif.gif) no-repeat center; border-radius:5px; overflow:hidden}
ul.courseB li .viewImg img{display:block; width:165px; height:110px; border-radius:5px}
ul.courseB li em{display:block; background:#fff; height:18px; line-height:18px; padding:0 5px; border-radius:18px; color:#f40; position:absolute; right:5px; top:86px; z-index:2; font-size:10px;}
ul.courseB li em i{margin-right:3px; line-height:18px; font-size:10px;}
ul.courseB li p{display:block; text-align:center; padding:5px 0 0; line-height:18px; overflow:hidden}
ul.courseB li a:hover p{color:#f40}
ul.courseB li:hover{box-shadow:0 2px 8px rgba(0,0,0,0.3)}
ul.courseB li:hover em{background:#f40; color:#fff}

.siteR ul.courseB{}
.siteR ul.courseB li{width:180px; height:168px; margin:0 20px 20px 0}
.siteR ul.courseB li .viewImg{width:180px; height:120px}
.siteR ul.courseB li .viewImg img{width:180px; height:120px}

.shareVideo{overflow:hidden; zoom:1}
.shareVideo ul.courseB{}
.shareVideo ul.courseB li{width:180px; height:168px; margin:0 20px 20px 0}
.shareVideo ul.courseB li .viewImg{width:180px; height:120px}
.shareVideo ul.courseB li .viewImg img{width:180px; height:120px}

ul.siteListVideo{margin-bottom:30px}
ul.siteListVideo li{margin-bottom:15px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; border-radius:5px}
ul.siteListVideo li:hover{box-shadow:0 2px 8px rgba(0,0,0,0.3); padding-right:5px}
ul.siteListVideo a{display:block; height:60px}
ul.siteListVideo .viewImg{width:90px; height:60px; background:url(../images/loadingGif.gif) no-repeat center; border-radius:5px; overflow:hidden; float:left}
ul.siteListVideo .viewImg img{display:block; width:90px; height:60px; border-radius:5px}
ul.siteListVideo .info{float:right; width:140px; height:60px; line-height:20px}
ul.siteListVideo .info span{color:#999; font-size:12px}
ul.siteListVideo a:hover{color:#f40}

ul.siteListDoc{margin-bottom:30px}
ul.siteListDoc li{}
ul.siteListDoc a{display:block; height:30px; line-height:30px; overflow:hidden}
ul.siteListDoc a:hover{color:#f40}
ul.siteListDoc em{line-height:16px; padding:0 5px; margin-right:10px; font-size:12px; border-radius:5px; color:#fff; background:#28b232}

.siteBanner{margin-bottom:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s}
.siteBanner:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05)}

/**/
.videoTit{height:40px; line-height:30px; font-size:16px; color:#444}
.videoBox{height:550px; background:#444}
.videoBox .buyTip{width:400px; height:300px; position:absolute; top:135px; left:245px; z-index:5; box-shadow:0 2px 8px rgba(0,0,0,0.6)}
.videoBox .buyTip img{display:block}

.videoOpt{height:50px; border-bottom:1px solid #eee; position:relative; margin-bottom:30px}
.videoOpt .l{float:left; height:50px}
.videoOpt .l span{line-height:50px; color:#999}
.videoOpt .l a{line-height:50px; padding:0 8px; color:#999}
.videoOpt .l a:hover{color:#f40}
.videoOpt .l a i{font-size:30px}
.videoOpt .r{float:right; height:30px; line-height:30px; padding:10px 0}
.videoOpt .r a{display:block; height:30px; border-radius:5px; background:#f40; color:#fff; float:right; margin-left:10px; padding:0 15px}
.videoOpt .r a:hover{background:#f30}
.videoOpt .r a i{margin:0 5px 0 0}
.videoOpt .qr{width:180px; height:180px; padding:10px; border-radius:5px; border:1px solid #eee; position:absolute; bottom:60px; left:130px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.6)}
.videoOpt .qr img{display:block; width:180px; height:180px}

.videoInfo{line-height:24px; color:#666; margin-bottom:30px}

.score dl.textarea{display:block; margin-bottom:20px}
.score dl dt{height:100px; position:relative}
.score dl dt textarea{width:873px; padding:10px; border:1px solid #ccc; height:78px; border-radius:5px; resize:none; outline:none}
.score dl dt textarea:hover{border:1px solid #f40}
.score dl dt .mask{display:block; width:893px; border:1px solid #eee; border-radius:5px; background:#fafafa; height:40px; text-align:center; line-height:40px; padding:29px 0; position:absolute; top:0; left:0; color:#666}
.score dl dt .mask a{color:#f40; margin:0 5px}
.score dl dd{display:none; height:50px}
.score dl dd p{display:block; float:left; height:18px; margin:16px 5px 0 0; line-height:18px; color:#999}
.score dl dd ul{float:left; height:18px; margin:16px 30px 0 0}
.score dl dd input{float:right; border:0; background:#f40; height:30px; margin:10px 0 0; color:#fff; font-weight:bold; width:120px; border-radius:5px; cursor:pointer}
.score dl dd input:hover{background:#f30}
.score dl.active dd{display:block}
.score dl.active .mask{display:none}
.score ul{}
.score ul li{overflow:hidden; zoom:1; padding:20px 0; border-bottom:1px solid #eee}
.score ul li em{display:block; float:left; width:36px; height:36px; line-height:36px; border:2px dotted #f40; color:#f40; text-align:center; border-radius:36px; font-size:16px}
.score ul li div{margin:0 0 0 55px; line-height:18px}
.score ul li span{color:#999; margin-right:10px; font-size:12px}
.score ul li p{line-height:22px}

.courseSection{width:245px; overflow:hidden; zoom:1; margin-bottom:30px}
.courseSection li{width:48px; height:48px; margin:0 12px 12px 0; float:left}
.courseSection li a{display:block; width:48px; height:48px; background:#eee; border-radius:15px; color:#444; font-size:22px; line-height:48px; text-align:center}
.courseSection li a:hover{background:#666; color:#fff}
.courseSection li.active a{background:#f40; color:#fff}

.payImg{margin:0 auto 40px; width:1100px; padding:30px 0 10px}
.payList{overflow:hidden; zoom:1; height:350px}
.payList li{width:315px; padding:0 35px; float:left}
.payList li img{width:315px; height:200px; display:block}
.payList li p{float:left; display:block; width:200px; line-height:50px}
.payList li b{font-size:24px; color:#f40; margin-right:10px}
.payList li em{font-size:12px; text-decoration:line-through; color:#999}
.payList li a{line-height:30px; float:right; margin:10px 0 0; display:block; width:100px; border-radius:5px; background:#f40; color:#fff; font-weight:bold; text-align:center}
.payList li a:hover{background:#f30}

.siteDoc{border:1px solid #eee; border-radius:5px; padding:15px 20px; margin:0 40px 20px; color:#666; font-size:12px}
.siteDoc b{display:block}
.siteDoc a{color:#f40}
.siteDoc li{list-style:inside circle; display:list-item}

.loginWeb{padding:50px 0; min-height:950px; *height:950px}
.loginWeb .tagP{width:700px; margin:0 auto 20px}

.loginM{width:700px; margin:0 auto; margin-bottom:100px}
div.loginM p.t{display:block; line-height:20px; color:#f40; padding:10px 0 15px; font-size:12px}
div.loginM p{line-height:50px}
div.loginM p a{color:#f60}
div.loginM dl{display:block; height:50px; overflow:hidden; margin-bottom:15px;}
div.loginM dl dt{float:left; width:350px; height:50px; font-size:18px; color:#444; margin-right:10px;}
div.loginM dl dt .txt{border:1px solid #ddd; height:48px; line-height:48px; border-radius:5px; width:328px; padding:0 10px}
div.loginM dl dt .txt:hover{border:1px solid #f40}
div.loginM dl dt .txt2{width:160px; float:left; margin-right:7px}
div.loginM dl dt label{font-size:14px; padding:3px 0}
div.loginM dl dt label input{border:1px solid #ccc; width:16px; height:16px; -webkit-appearance:checkbox; float:left; margin:6px 5px 0 0; background:none}
div.loginM dl dt label span{font-size:12px; color:#999; margin:0 0 0 5px}
div.loginM dl dt select.txt{width:348px; -webkit-appearance:menulist}

div.loginM dl dt img.txt2{width:160px; height:50px; margin:0}
div.loginM dl dd{padding:0 15px 0 35px; line-height:48px; height:48px; float:left; border-radius:5px}
div.loginM dl dd.T{background:url(../images/icoLogin1.png) no-repeat 10px center; color:#61bf06; width:50px}
div.loginM dl dd.F{background:url(../images/icoLogin3.png) no-repeat 10px center #fffada; color:#f6544f; border:1px solid #ffe2be}
div.loginM dl dd.M{background:url(../images/icoLogin2.png) no-repeat 10px center #a5a5a5; color:#fff; border:1px solid #a5a5a5}
div.loginM .btnP{height:40px; line-height:40px; border:0; cursor:pointer; color:#fff; background:#f40; display:block; border-radius:5px; font-size:14px; width:100%; padding:0}
div.loginM .btnP:hover{background:#f30}
.loginWeb .tips{font-size:35px; width:450px; line-height:60px; background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.25); font-family:"微软雅黑"; text-align:center; color:#444; padding:50px 80px}

div.loginM dl.msg{position:relative}
div.loginM dl.msg a{display:block; height:40px; line-height:40px; padding:0 10px; position:absolute; top:5px; right:355px; background:#f40; color:#fff; font-size:12px; border-radius:5px}
div.loginM dl.msg p{display:block; height:40px; line-height:40px; padding:0 10px; position:absolute; top:5px; right:355px; background:#eee; color:#666; font-size:12px; border-radius:5px}

div.inputP{width:auto; margin:0}
div.inputP dl{height:auto}
div.inputP dl dt{height:80px}
div.inputP dl dt p{display:block; line-height:30px; font-size:14px}
div.inputP dl dd{margin-top:30px}

.aboutUs{padding:0; overflow:hiddenl; zoom:1; min-height:930px; *height:930px}
.siteL{width:150px; float:left}
.siteR{width:980px; float:right}

.siteNav{}
.siteNav li{height:40px; line-height:40px; margin-bottom:15px; border-bottom:1px dotted #eee}
.siteNav li a{display:block; color:#444}
.siteNav li a:hover{font-weight:bold}
.siteNav li.active{border-bottom:1px solid #f40}
.siteNav li.active a{color:#f40}

.doc{}
.doc h2{display:block; border-bottom:1px solid #eee; height:40px; line-height:40px; color:#999; font-weight:bold; font-size:16px; margin-bottom:15px}
.doc h2 p{float:right}
.doc p{padding:5px 0; line-height:24px; text-indent:2em; margin-bottom:10px; font-size:12px}
.doc p a{color:#f40}
.doc .type{padding:10px 0 0; overflow:hidden; zoom:1}
.doc .type li{float:left; width:144px; height:126px; margin:0 18px 0 0}
.doc .type li img{display:block; width:144px; height:96px}
.doc .type li p{text-indent:0; display:block; text-align:center}
.doc .type2{}
.doc .type2 li{width:200px; height:230px}
.doc .type2 li img{width:200px; height:200px}

.doc .photo{overflow:hidden; zoom:1}
.doc .photo li{width:195px; height:146px; margin:0 1px 1px 0; float:left}
.doc .photo li img{display:block;}

.tableP{}
.tableP td{border:1px solid #eee; padding:10px; text-align:center}
.tableP th{border:1px solid #eee; padding:10px; font-weight:bold; text-align:center}


/**/
.singIn{border:1px solid #f40; border-radius:5px; width:553px; overflow:hidden; zoom:1; margin-bottom:30px}
.singIn dt{border-bottom:1px solid #eee; height:80px}
.singIn dt b{display:block; float:left; height:70px; width:210px; font-weight:normal; line-height:30px; color:#666; padding:10px 20px 0}
.singIn dt b font{font-weight:bold; color:#222; font-size:22px}
.singIn dt p{color:#666; display:block; float:left; width:100px; border-left:1px solid #eee; height:70px; line-height:30px; text-indent:0; padding:0; margin:0; text-align:center; padding:10px 0 0}
.singIn dt font{display:block; font-size:18px}

.singIn dd{padding:20px; height:50px}
.singIn dd a,.singIn dd p{display:block; float:left; padding:0 50px; height:50px; font-weight:bold; font-size:22px; text-align:center; line-height:50px; border-radius:5px; margin:0; text-indent:0}
.singIn dd a{background:#f40; color:#fff}
.singIn dd p{background:#ddd; color:#999; cursor:default}
.singIn dd span{float:left; padding:0 0 0 10px; color:#f40; line-height:60px}

ul.prize{overflow:hidden; zoom:1; margin-bottom:20px}
ul.prize li{width:200px; float:left; margin:0 20px 20px 0; border:1px solid #eee; padding:10px; border-radius:5px}
ul.prize li img{display:block; width:200px; height:150px}
ul.prize li p{float:left; line-height:30px; display:block; margin-bottom:10px; padding:0; text-indent:0; text-align:left}
ul.prize li em{float:right; line-height:30px; color:#f30; display:block; margin:0 0 10px; color:#f40}
ul.prize li a{display:block; clear:both; height:35px; line-height:35px; text-align:center; color:#fff; background:#f40; border-radius:3px}
ul.prize li a:hover{background:#f30}

.prizeOrder{width:350px; height:500px; padding:30px; box-shadow:0 10px 15px rgba(0,0,0,0.2); position:fixed; top:50%; left:50%; margin-top:-280px; margin-left:-190px;; background:#fff; border-radius:10px; border:3px solid #ccc}
.prizeOrder .tit{height:50px; line-height:30px; font-size:22px}
.prizeOrder .tit b{float:left; font-weight:normal}
.prizeOrder .tit a{float:right; font-size:25px; color:#444; display:block; width:30px; height:30px; border-radius:30px; background:#eee; text-align:center}
.prizeOrder .tit span.error{float:right;color:#f6544f;margin-right:5px;font-size:14px;}
.prizeOrder dl.jp{overflow:hidden; zoom:1; margin-bottom:40px}
.prizeOrder dl.jp dt{float:left; width:148px; height:111px; border:1px solid #eee; margin-right:15px}
.prizeOrder dl.jp dt img{width:148px; height:111px; display:block}
.prizeOrder dl.jp dd{line-height:20px}
.prizeOrder dl.jp dd b{display:block; font-size:18px; padding:5px 0}
.prizeOrder dl.jp dd p{color:#666; padding:5px 0}
.prizeOrder dl.jp dd font{color:#f40; margin:0 10px; font-weight:bold}

.prizeOrder .loginM{width:auto; margin:0}

.prizeHis{width:600px; margin-left:-330px; height:340px; margin-top:-200px}
.prizeHis .tableP{height:290px; overflow:auto}











/**/
.pageP{height:40px; padding:30px 0; text-align:center; width:450px; margin:0 auto}
.pageP a{border:1px solid #eee; display:block; color:#444; text-align:center; margin-right:4px; width:38px; height:38px; line-height:38px; border-radius:5px; float:left}
.pageP a:hover{border:1px solid #f40; color:#f40}
.pageP a.action{background:#f40; color:#fff; font-weight:bold; border:1px solid #f40}
.pageP a.action:hover{border:1px solid #f40; cursor:default}
.pageP .select{border:1px solid #eee; border-radius:5px; padding:0 5px; height:38px; float:left; width:80px; text-align:center}
.pageP .select:hover{border:1px solid #f40; color:#f40}
.pageP .select select{width:100%; height:38px; border:0; background:none; font-size:12px; cursor:pointer}
.pageP a.prev,a.next{width:65px;}

.footWeb{background:url(../images/di.jpg) no-repeat center bottom; height:135px; margin-top:-350px; padding-top:397px}
.footWeb .nav{height:36px; line-height:35px; background:#b0d66c; border-radius:10px; text-align:center}
.footWeb .nav a{margin:0 10px}
.footWeb dl{height:50px; line-height:25px; padding:15px 0 0}
.footWeb dl dt{float:left; display:block; background:url(../images/footLogo.png) no-repeat center; width:161px; height:46px}
.footWeb dl dd{float:right; width:1010px; color:#3c4c22}
.footWeb dl dd a{margin-right:20px}
.footWeb a{color:#3c4c22}
.footWeb a:hover{color:#222}

/**/
.rating { width: 90px; height: 17px; padding: 0; list-style: none; position: relative; background: url(../images/star-matrix.gif) no-repeat 0 0; }
ul.rating li { cursor: pointer; float: left; text-indent: -999em; }
ul.rating li a { position: absolute; left: 0; top: 0; width: 18px; height: 17px; text-decoration: none; z-index: 200; }
ul.rating li.one a { left: 0 }
ul.rating li.two a { left: 18px; }
ul.rating li.three a { left: 36px; }
ul.rating li.four a { left: 54px; }
ul.rating li.five a { left: 72px; }
ul.rating li a:hover { z-index: 2; width: 90px; height: 17px; overflow: hidden; left: 0; background: url(../images/star-matrix.gif) no-repeat 0 0 }
ul.rating li.one a:hover { background-position: 0 -17px; }
ul.rating li.two a:hover { background-position: 0 -34px; }
ul.rating li.three a:hover { background-position: 0 -51px }
ul.rating li.four a:hover { background-position: 0 -68px }
ul.rating li.five a:hover { background-position: 0 -85px }


/*小于1400*/
@media screen and (max-width:1400px){
.indWebBox .title{background:url(../images/indTitle.png) no-repeat; background-size:cover; width:500px; height:141px; top:50%; left:50%; margin-left:-250px; margin-top:-270px; animation:titleIn2 1s ease-in-out; -webkit-animation:titleIn2 1s ease-in-out; -moz-animation:titleIn2 1s ease-in-out; -ms-animation:titleIn2 1s ease-in-out}

}


/*是否从上次观看位置开始播放*/
#seekLast {
    background: #fff none repeat scroll 0 0;
    top: 525px;
    display: none;
    left: 70px;
    position: absolute;
    width: 210px;
	filter:alpha(opacity=70);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;
}
#seekLast p {
    font-size: 12px;
    margin: 10px 5px 0 10px;
}
#seekLast .bt {
    color: #e4393c;
    display: block;
    float: left;
    font-size: 12px;
    margin: 5px 15px;
}
#seekLast .close {
    display: block;
    float: right;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

/*微信分享*/
.bg_weixin {
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 10px;
  background: #fff;
  border: solid 1px #d8d8d8;
  z-index: 10000;
  font-size: 12px;
  width: 240px;
  height: 274px;
  margin-left:-240px;
  margin-top:-137px;
  box-shadow:0 3px 6px rgba(0,0,0,0.2);
  border-radius:6px;
  margin-left: -120px;
  margin-top: -137px;
  display:none;
}
.bg_weixin .bg_weixin_head {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 16px;
  height: 16px;
  position: relative;
  color: #000;
}
.bg_close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  text-decoration: none;
  font-size: 16px;
}
.bg_weixin .weixin_main {
  padding: 15px 10px;
  min-height: 150px;
  _height: 150px;
}
.bg_weixin .bg_weixin_foot {
  font-size: 12px;
  text-align: left;
  line-height: 22px;
  color: #666;
}
.bg_weixin .weixin_main img
{
    width: 185px;
    border-collapse: collapse;
    background-color: #fff;
    margin: 0 auto;
    display: block;
}

/*2015-8-13*/
.downloadBox { position:relative; height:100%;}
.downloadBox .dbg1{background:url(../images/downbg1.jpg) no-repeat center top; width:100%; height:200px;}
.downloadBox .dbg2{background:url(../images/downbg2.jpg) no-repeat center top; width:100%; height:200px;}
.downloadBox .dbg3{background:url(../images/downbg3.jpg) no-repeat center top; width:100%; height:200px;}
.downloadBox .dbg4{background:url(../images/downbg4.jpg) no-repeat center top; width:100%; height:200px;}
.downloadBox .dbg5{background:url(../images/downbg5.jpg) no-repeat center top; width:100%; height:200px;}
.downloadBox .dbg6{background:url(../images/downbg6.jpg) no-repeat center top; width:100%; height:200px;}
.downloadBox .title{background:url(../images/indTitle.png) no-repeat; position:absolute; width:626px; height:176px; top:50%; left:50%; margin-left:-313px; margin-top:-370px; z-index:5; animation:titleIn 1s ease-in-out; -webkit-animation:titleIn 1s ease-in-out; -moz-animation:titleIn 1s ease-in-out; -ms-animation:titleIn 1s ease-in-out}
.downloadBox .footWeb{ background:none; margin-top:-140px; padding:0}
.downloadBox .mainBox{width:1230px; position:absolute; left:50%; margin-left:-615px; top:0;}
.downloadBox .appBox{width:420px; height:540px;top:354px; right:60px; /*background:red; opacity:0.5;*/ position:absolute; }
.downloadBox .appBox .phewm{ position:absolute; top:78px; left:40px;}
.downloadBox .appBox .padewm{ position:absolute; top:348px; left:40px;}
.downloadBox .appBox .button1{ position:absolute; top:80px; left:190px;}
.downloadBox .appBox .button2{ position:absolute; top:144px; left:190px;}
.downloadBox .appBox .button3{ position:absolute; top:355px; left:190px;}
.downloadBox .appBox .button4{ position:absolute; top:418px; left:190px;}

.entLink {
	position: fixed;
	right: 15px;
	top: 320px;
	z-index: 102;
	width: 193px;
	height: 200px
}

	.entLink img {
		display: block;
		width: 193px;
		height: 200px;
	}

	.entLink .icon-close {
		position: absolute;
		z-index: 1001;
		top: 0px;
		right: 0px;
		display: block;
		width: 20px;
		height: 20px;
		background: url("../../Content/images/icon-close-16.png") center no-repeat;
		background-size: 10px
	}

		.entLink .icon-close:hover {
			transform: scale(1.1);
			transition: all .3s
		}
