body{font-family: "Microsoft Yahei";font-size: 14px;max-width: 1920px;margin: 0 auto;padding: 0;background: url(../images/bg/body.jpg) repeat;color: #fff;}
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd,em{font-weight:normal; font-style: normal; margin:0; padding:0;}
ul li{ list-style-type:none;}
img{ border: 0;max-width: 100%}
input,textarea,button,select{outline:none !important;}
textarea{resize:none}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}


/*共用*/
.container{ width: 1280px; margin: 0 auto;}
.container:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}

.page-main{ padding-top: 252px; background: url(../images/banner_02.png) center top no-repeat; min-width: 1280px;overflow: hidden;}
.header{ height: 717px;background: url(../images/banner_01.jpg) center top no-repeat; min-width: 1280px;overflow: hidden;}
.menu{ width: 1280px; margin: 0 auto; height: 134px;background: url(../images/bg/menu.png) center no-repeat; overflow: hidden;}
.menu a{float: left; height:134px; width: 118px;margin:0 78px;}
.menu .item1{ margin-left:207px; background: url(../images/menu_1.png) center 36px no-repeat;}
.menu .item2{background: url(../images/menu_2.png?v=1) center 36px no-repeat;}
.menu .item3{background: url(../images/menu_3.png) center 36px no-repeat;}
.menu .item1.active,.menu .item1:hover{background: url(../images/menu_1a.png) center 36px no-repeat;}
.menu .item2.active,.menu .item2:hover{background: url(../images/menu_2a.png) center 36px no-repeat;}
.menu .item3.active,.menu .item3:hover{background: url(../images/menu_3a.png) center 36px no-repeat;}
.menu .item4{float: right; margin: 0; width:280px;}


/*论坛*/
.video-left{float: left; margin:100px 0 60px; width: 780px;}
.video-left:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.video-left .cloumn{ height: 152px; position: relative;}
.video-left .cloumn:after{content: ""; position: absolute; left: -39px; top: 0; bottom: 0; right: 0; background: url(../images/cloumn1.png) left top no-repeat;}
.video-left .title{text-align: center; margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 62px; background: #1449e1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-left .video{width: 100%; height: 440px;}
.video-left .option{ margin-top: 20px; overflow: hidden;}
.video-left .option dt{ background: #1449e1;font-size: 18px; line-height: 62px; font-weight: bold; padding: 0 24px;}
.video-left .option dd{ margin-top: 16px; padding: 40px 12px 0 40px; background: #1f31b4; overflow: hidden;}
.video-left .option ul{ font-size: 16px;position: relative;}
.video-left .option ul:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; height: 2px; background: #1f31b4;}
.video-left .option li{position: relative; padding:0 0 40px 34px;}
.video-left .option li:before{content: ""; width: 22px; height: 22px; position: absolute;left: 0; top:2px;background: url(../images/ico/ico.jpg) center no-repeat;}
.video-left .option li:after{content: ""; position: absolute; left: 9px; top: 24px; bottom:-2px; width: 4px; background: #fff;}
.video-left .option li:last-child:after{width: 0;}
.video-left .option span{ font-weight: bold; font-size: 20px; }
.video-left .option h3{font-size: 24px; margin: 15px 0 20px;}
.video-left .option p{color: #cccccc; margin-bottom: 18px;}
.video-right{float: right; width: 470px; margin:100px 0 60px;}
.video-right:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.video-right .cloumn{ height: 152px; position: relative;}
.video-right .cloumn:after{content: ""; position: absolute; left: -39px; top: 0; bottom: 0; right: 0; background: url(../images/cloumn2.png) left top no-repeat;}
.video-right .lists li{position: relative; padding:0 40px 0 253px; color: #999999; height: 131px; margin-bottom: 36px; cursor: pointer;}
.video-right .lists h3{font-size: 20px; color: #fff; line-height: 28px; height:112px;overflow: hidden;}
.video-right .lists li:hover h3{color: #1449e1}
.video-right .lists .img{position: absolute; left: 0; top: 0;width: 233px; height: 131px;}
.video-right .lists .img img{display: block; width: 233px; height: 131px;}
.video-right .lists span{position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #fff; background: #00020a; font-size: 16px; line-height: 131px; text-align: center;}
.video-right .lists .on span{background: rgba(0,0,0,.2);}
.video-right .lists .on span:before{content: ""; display: inline-block;vertical-align: top; margin-right: 5px; height: 131px; width: 14px; background: url(../images/ico/on.png) center no-repeat;}
.video-right .lists .play span{ background: url(../images/ico/play.png) center rgba(0,0,0,.55) no-repeat;}

/*首页*/
.index-title{height: 40px; margin-bottom:40px; font-size: 20px; color: #ffe762;letter-spacing:2px; overflow: hidden;}
.index-title span{float: left;line-height: 40px; text-align: center; width: 127px;font-weight: bold; color: #000f10; background: url(../images/bg/title.png) center no-repeat;}
.index-title em{float: left; font-size: 20px; line-height: 36px;letter-spacing:5px;padding: 0 15px; background: #070c30; border:2px solid #ffe762; border-left:none;}
.index-part1{ padding-top:150px; margin-top: 95px; background: url(../images/cloumn3.png) center top no-repeat;}
.index-part1 .info{text-align: justify; line-height: 32px; letter-spacing: 5px; font-size: 16px; height: 215px; padding: 50px 50px 0; color: #1dbddb; background: url(../images/bg/index_01.png) center no-repeat; overflow: hidden;}
.index-part2{ padding-top:150px; margin-top: 100px; background: url(../images/cloumn4.png) center top no-repeat;}
.index-part2 ul{ height: 415px; background: url(../images/bg/art1.png) center bottom no-repeat;}
.index-part2 li{ float: left; letter-spacing: 2px; margin-right:30px; width:188px; height:212px; padding: 108px 22px 0}
.index-part2 li:last-child{margin: 0;}
.index-part2 li h3{ color: #fff98f; margin-bottom: 24px; font-size: 24px; font-weight: bold; }
.index-part2 li p{font-size: 16px; margin-bottom: 20px; line-height: 24px;}
.index-part2 .item1{ background: url(../images/bg/dep1.png) center top no-repeat;}
.index-part2 .item2{ background: url(../images/bg/dep2.png) center top no-repeat;}
.index-part2 .item3{ background: url(../images/bg/dep3.png) center top no-repeat;}
.index-part2 .item4{ background: url(../images/bg/dep4.png) center top no-repeat;}
.index-part2 .item5{ background: url(../images/bg/dep5.png) center top no-repeat;}
.index-part3{ padding-top:150px; margin-top: 100px; background: url(../images/cloumn5.png) center top no-repeat;}
.index-part3 .info{height:254px; padding: 60px 40px 0 370px; background: url(../images/bg/index_02.png) center top no-repeat; overflow: hidden;}
.index-part3 .info p{font-size: 16px; color: #1dbddb; line-height: 32px; letter-spacing: 5px; margin-bottom: 30px; text-align: justify;}
.index-part3 .info span{font-size: 24px; font-weight: bold;}
.index-part4{padding-top:175px; margin: 100px 0 60px; background: url(../images/cloumn6.png) center top no-repeat; min-height:425px;}
.index-part4 .container{ position: relative;}
.index-part4 .container:before{content: ""; width: 500px; height: 440px; position: absolute; right: 90px; top:-16px; background: url(../images/bg/art2.jpg) center top no-repeat;}
.index-part4 .tip{ font-size: 16px; letter-spacing: 5px; line-height: 32px; color: #1dbddb;}
.index-part5{ padding-top:722px; background: url(../images/bg/index_03.png?v=2) center top no-repeat;}
.index-part5 p{letter-spacing: 5px;margin-bottom:65px; color: #1dbddb; font-size: 16px;}
.index-part5 img{display: block;}
.index-part5 .img{margin: 90px 0 48px;}
.index-part5 .slogn{display: block; margin: 0 auto;}
.index-part6{ margin-top: 100px; padding-top:162px; background: url(../images/cloumn8.png) center top no-repeat;}
.index-part6 dl{overflow: hidden;}
.index-part6 dt{float: right; margin-right: 50px; width: 424px; height: 303px;}
.index-part6 dd{float: left; width: 730px; height:275px; padding: 28px 10px 0 24px; background: rgba(0,34,72,.44);}
.index-part6 dd p{ position: relative; padding-left: 20px; font-size: 16px; color: #429cff; line-height: 32px; letter-spacing: 5px; margin-bottom:24px;}
.index-part6 dd p:before{content: ""; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; background: #429cff; border-radius: 100%;}
.index-part7{ margin-top:100px; position: relative; padding: 162px 0 100px; background: url(../images/cloumn9.png) center top no-repeat;}
.index-part7:before,.index-part7:after{content: ""; position: absolute;bottom: 0; z-index: -1; width: 639px; height: 790px;}
.index-part7:before{ left: 0; background: url(../images/bg/foot1.png) center top no-repeat;}
.index-part7:after{ right: 0; background: url(../images/bg/foot2.png) center top no-repeat;}
.index-part7 .info{height: 229px; padding:36px 50px 0; color: #1dbddb; background: url(../images/bg/index_01.png) center no-repeat; overflow: hidden;}
.index-part7 .info p{text-align: justify;font-size: 16px; line-height: 32px; letter-spacing: 5px; }


/*报名*/
.form-main{min-width: 1280px; padding: 40px 0; color: #333333; overflow: hidden;}
.form-main .container{background: #fff; padding:40px 32px; width: 1216px;}
.form-main .stype{height: 60px; background: #f2f5fa; line-height: 60px; margin-bottom:10px; text-align: center;}
.form-main .stype li{float: left; font-size: 18px; color: #015bfe; width: 140px;position: relative; cursor: pointer;}
.form-main .stype li:after{content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 3px;}
.form-main .stype .active{font-weight: bold;}
.form-main .stype .active:after{background: #0060ff}
.form-main .main:after{content: ""; clear: both; display: block; padding-top:20px; width:100%; height: 1px; border-bottom: 1px dashed #ddd;}
.form-main .main{ padding-top: 25px; overflow: hidden;}
.form-main .title{ color: #333; font-size: 14px; height: 35px; margin-bottom: 22px; line-height: 35px;}
.form-main .title em{color: #ff7800;}
.form-main .group{ margin-bottom: 15px; overflow: hidden;}
.form-main .name{ color: #666; text-align: right; float: left;padding-top: 5px; line-height: 24px; margin-right: 10px;}
.form-main .textarea{width:812px; line-height: 24px; font-family: "Microsoft Yahei";border: 1px solid #dddddd; padding:12px 15px;}
.form-main .input{ float: left; width:198px; height:33px; border: 1px solid #dddddd; padding: 0 15px;}
.form-main .text{ display: inline-block;width:148px; margin-left: 10px; height:24px; border: 0; border-bottom: 1px solid #dddddd; padding: 0 5px;}
.form-main .add{ float: right;height:33px; border: 1px dashed #ddd; text-align: center; line-height:33px; width: 108px; cursor: pointer;}
.form-main .add:before{content: ""; width: 12px; height: 12px; margin-right: 8px; display: inline-block; vertical-align: top; height: 33px;background: url(../images/ico/add.png) center no-repeat;}
.form-main .add:hover{ border: 1px dashed #015bfe; color: #015bfe;}
.form-main .add:hover:before{background: url(../images/ico/add_h.png) center no-repeat;}
.form-main .del:before{background: url(../images/ico/del.png) center no-repeat;}
.form-main .del:hover:before{background: url(../images/ico/del_h.png) center no-repeat;}
.form-main .radio{overflow: hidden; }
.form-main .radio input[type=checkbox]{display:none}
.form-main .radio li{ float: left; line-height:35px; margin-right:30px; padding-left: 25px; cursor: pointer; background: url(../images/ico/radio.png) left center no-repeat;}
.form-main .radio .checked{ background: url(../images/ico/radioed.png) left center no-repeat;}
.form-main .btn{ border: 0; width:100px; font-size: 16px; background: #464aff;color: #fff; height:40px;cursor: pointer;line-height:40px; text-align: center;}
.form-main .input-group{ clear: both;overflow: hidden;}
.form-main .input-group .group{float: left; margin-right:40px;}
.form-main .upload{overflow: hidden;}
.form-main .upload .img{ width:100px; height: 100px; border: 1px dashed #ddd;text-align: center; margin: 0 20px 10px 0; position: relative; float: left;cursor: pointer; overflow: hidden;}
.form-main .upload img{ max-height: 100%;}
.form-main .upload .upload-btn{ float: left; cursor: pointer;border: 0; width: 102px; height: 102px; border:1px dashed #ddd; background: url(../images/ico/upload.png) center #f2f2f2 no-repeat;}
.form-main .upload .del{ position: absolute; left: 0; right: 0; bottom: 0; cursor: pointer; background: rgba(0,0,0,.3); color: #fff; line-height:30px; text-align: center;}
.form-main .upload .del:hover{ color: #015bfe;}
.form-main .upload .file{float: left; margin-bottom:10px; }
.form-main .upload .tip{ clear: both; color: #999}
.form-main .auth{padding: 40px 0 30px; overflow: hidden;}
.form-main .auth .name { width: 105px;margin-right: 10px;}
.form-main .auth .group{float: left; margin-right: 70px;}
.form-main .auth .input{width: 160px;}
.form-main .code-btn{width:118px; height: 35px; border: 0; color: #fff; cursor: pointer;background:-webkit-linear-gradient(left,#fd8e2c,#ffbf6d);background:-o-linear-gradient(right,#fd8e2c,#ffbf6d);background:-moz-linear-gradient(right,#fd8e2c,#ffbf6d);background:linear-gradient(to right,#fd8e2c,#ffbf6d)}
.form-main .msg{ padding: 24px 0; overflow: hidden;}
.form-main .msg h4{ font-size: 18px; color: #ff3a3a; margin-bottom:12px;}
.form-main .msg p{line-height: 30px; margin-bottom:3px;}
.form-main .msg span{ color: #ff3a3a;}
.form-main .status{ margin-top:20px;background: #cde0ff; padding:12px; border-left:4px solid #0060ff; color: #0060ff; line-height:20px; font-size: 16px;}
.form-main .status p{color: #888; font-size: 14px; line-height: 22px; margin-top:5px;}
.form-main .status.sus{border-left-color: green; color: green}
.form-main .status.fail{border-left-color: red; color: red}


/*规则*/
.rules-title{height: 40px; margin-bottom:40px; font-size: 20px; color: #ffe762;letter-spacing:2px; overflow: hidden;}
.rules-title span{float: left;line-height: 40px; text-align: center; width: 127px;font-weight: bold; color: #000f10; background: url(../images/bg/title.png) center no-repeat;}
.rules-title em{float: left;font-size: 20px; line-height: 36px;letter-spacing:5px;padding: 0 15px; background: #070c30; border:2px solid #ffe762; border-left:none;}
.rules-part1{ padding-top:150px; margin-top:95px; background: url(../images/cloumn10.png) center top no-repeat;}
.rules-part1 .info p,.rules-part1 .part1 p,.rules-part1 .part2 p{font-size: 16px; color: #1dbddb; line-height: 32px; letter-spacing: 5px; margin-bottom: 30px; text-align: justify;}
.rules-part1 .info{height:259px; padding:55px 40px 0 395px; margin-bottom: 50px; background: url(../images/bg/index_02.png) center top no-repeat; overflow: hidden;}
.rules-part1 .info span{font-size: 24px; font-weight: bold; letter-spacing: 10px;}
.rules-part1 .part1{height:287px; margin: -45px 0 60px; padding:116px 48px 0 410px; background: url(../images/bg/rules_01.png) center top no-repeat;}
.rules-part1 .part2{height: 375px; margin: -45px 0 60px; padding:114px 35px 0;background: url(../images/bg/rules_02.png) center top no-repeat;}
.rules-part1 .part1 p,.rules-part1 .part2 p{color: #fff;}
.rules-part1 .part2 .text{margin-left:375px;}
.rules-part1 .img{display: block; margin:50px auto 0;}
.rules-part2{ margin-top:95px; position: relative; padding: 162px 0 100px; background: url(../images/cloumn11.png) center top no-repeat;}
.rules-part2:before,.rules-part2:after{content: ""; position: absolute;bottom: 0; z-index: -1; width: 639px; height: 790px;}
.rules-part2:before{ left: 0; background: url(../images/bg/foot1.png) center top no-repeat;}
.rules-part2:after{ right: 0; background: url(../images/bg/foot2.png) center top no-repeat;}
.rules-part2 .info{height:750px; padding:47px 50px 0; color: #1dbddb; background: url(../images/bg/rules_03.png) center top no-repeat; overflow: hidden;}
.rules-part2 .info p{text-align: justify;font-size: 16px; line-height: 32px; margin-bottom:32px; letter-spacing: 5px; }


/*底部*/
.footer{min-width: 1200px; background: #090917; padding: 35px 0 45px; overflow: hidden;}
.footer dt{ float: right; width: 90px;text-align: center; margin-top: 5px; color: #edb35a; overflow: hidden;}
.footer dt img{ display: block; width: 90px; height: 90px; margin-bottom: 10px; }
.footer dd{ float: left; width: 745px; overflow: hidden;}
.footer dd p,.footer dd a{ display: block; line-height: 30px;color: #777777}

.form-main .download{ display: block; width:118px; height: 35px; line-height: 35px;text-align: center; margin-bottom: 15px; color: #fff; cursor: pointer;background:-webkit-linear-gradient(left,#fd8e2c,#ffbf6d);background:-o-linear-gradient(right,#fd8e2c,#ffbf6d);background:-moz-linear-gradient(right,#fd8e2c,#ffbf6d);background:linear-gradient(to right,#fd8e2c,#ffbf6d)}