﻿@font-face { font-family: 'webfont'; src: url("../images/fonts/webfont.eot");
  /* IE9*/
  src: url("../images/fonts/webfont.eot?#iefix") format("embedded-opentype"), url("../images/fonts/webfont.woff") format("woff"), url("../images/fonts/webfont.ttf") format("truetype"), url("../images/fonts/webfont.svg#webfont") format("svg");
  /* iOS 4.1- */ }
.web-font { font-family: "webfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

body { padding: 0px; margin: 0px; color: #505050; font: 400 14px/1.42857 "Helvetica Neue", Helvetica, Arial, " ", "Hiragino Sans GB", sans-serif;/* background-color: #eeeeee;*/ }
 h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.clearfix1{clear:both;}
a { color: #505050; }
a:hover { color: #d72324; }
a:active { color: #d72324; }

.form { background-color: #eeeeee; border-color: transparent; }
.form:hover { border: 1px solid #dddddd; }
.form:focus { background-color: #fff; }

.modal .modal-content { margin-top: 200px; }

.page-bg { background-color: #f6f6f6; }

.wrap { width: 1400px; margin: 0 auto; position: relative; }

.page-container { padding: 60px 0; }

.header { padding: 15px 0; background-color: #eeeeee; *zoom: 1; }
.header:before, .header:after { content: " "; display: table; }
.header:after { clear: both; }
.header .logo { width: 260px; float: left; }
.header .logo a { display: block; }
.header .logo img { width: 100%; }
.header .header-operation { padding-top: 0px; float: right; }
.header .qrcode i { font-size: 20px; vertical-align: -3px; }
.header .qrcode:hover .header-dorpdown { display: block; }
.header .header-dorpdown { position: absolute; z-index: 9998; display: none; }

.navbar { font-size: 17px; height: auto; color: #fff; background-color: #840e35; border-bottom: none !important; }
.navbar .item li a { color: #fff; padding: 18px 30px; }
.navbar .item li a:hover { color: #fff; background-color: #b21348 !important; }
.navbar .item li.active a { color: #fff; background-color: #b21348 !important; }
.navbar .nav-reg { /*padding-top: 20px; */font-size: 14px; }
.navbar .nav-reg a { display: inline-block; padding: 20px 20px; color: #fff; transition: background 0.4s, color 0.4s; -webkit-transition: background 0.4s, color 0.4s; -moz-transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; -ms-transition: background 0.4s, color 0.4s; }
.navbar .nav-reg a:hover { color: #fff; background-color: #b21348 !important; }
.navbar .nav-reg .line { color: #a91244; }

.index-banner-1 { background-image: url('../images/banner-1.jpg'); }
.banner { height: 460px; }
.banner .slides { height: inherit; }
.banner .slides li { height: inherit; background-size: 100%; background-repeat: no-repeat; background-position: center; }
.banner .slides li .wrap { height: inherit; background-size: 100%; background-repeat: no-repeat; background-position: center; }
.banner .banner-box { width: 620px; height: 460px; padding: 50px 80px; color: #fff; background-color: rgba(132, 14, 53, 0.6); }
.banner .banner-box.center { margin: 0 auto; background-color: rgba(185, 104, 31, 0.5); }
.banner .banner-box.center .enter .btn { background-color: rgba(197, 162, 48, 0.2); }
.banner .banner-box.center .enter .btn:hover { background-color: rgba(197, 162, 48, 0.9); }
.banner .banner-box.slogan { margin: 0 auto; width: 900px; background-color: transparent; }
.banner .banner-box.slogan h2 { padding-top: 30px; font-size: 36px; text-align: center; text-align-last: center; word-wrap: break-word; height: 87px; }
.banner .banner-box.slogan ul { height: 60px; margin-top: 50px; font-weight: 700; font-size: 60px; }
.banner .banner-box.slogan ul li { text-align: center; width: 25%; line-height: 1; float: left; border-right: 1px solid rgba(255, 255, 255, 0.4); }
.banner .banner-box.slogan ul li:last-child { border: none; }
.banner .banner-box.slogan .enter { padding-top: 60px; display: block; border: none; margin: 0 auto; width: 460px; }
.banner .banner-box h4 { color: #fff; font-size: 18px; border-bottom: 2px #fff solid; line-height: 1.5; padding-bottom: 20px; letter-spacing: 1px; }
.banner .banner-box h3 { color: #fff; overflow: hidden; word-wrap: break-word; font-size: 56px; font-weight: 700; padding-top: 8px; height: 87px; }
.banner .banner-box2 h3:after { content: ''; display: inline-block; width: 100%; }
.banner .banner-box h2 { color: #fff; overflow: hidden; word-wrap: break-word; font-size: 48px; height: 68px; }
.banner .banner-box2 h2:after { content: ''; display: inline-block; width: 100%; }
.banner .banner-box2 h2, .banner .banner-box2 h3 { text-align: justify; text-align-last: justify; }
.banner .banner-box .enter { margin-top: 10px; padding-top: 30px; width: 100%; border-top: 2px #fff solid; }
.banner .banner-box .enter .btn { color: #fff; font-size: 16px; padding: 15px 20px; border: 2px solid #fff; border-radius: 0; background-color: rgba(0, 0, 0, 0.1); }
.banner .banner-box .enter .btn:hover { background-color: #840e35; }

.query-list { width: 100%; background: #fafafa; *zoom: 1; }
.query-list:before, .query-list:after { content: " "; display: table; }
.query-list:after { clear: both; }
.query-list .item { float: left; position: relative; width: 20%; padding: 60px 0; cursor: pointer; }
.query-list .item .query-icon { width: 100px; height: 100px; padding: 26px; margin: 0 auto; }
.query-list .item p { font-size: 18px; padding-top: 16px; text-align: center; }
.query-list .item.active .query-check, .query-list .item:hover .query-check { visibility: visible; opacity: 1; transform: translate(0, 0); }
.query-list .query-check { position: absolute; z-index: 9998; bottom: 0; width: 100%; padding: 18px 40px; background-color: #fff; visibility: hidden; opacity: 0; -webkit-box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px); transition: transform .3s, opacity .4s, visibility .4s; }
.query-list .query-check .query-icon { position: relative; width: 100%; height: 100px; background-size: 20%; background-position: center 20px; color: #fff; }
.query-list .query-check .query-icon.express { position: relative; width: 100%; height: 280px; background-size: 20%; background-position: center 20px; color: #fff; background-size: 100%; }
.query-list .query-check .query-icon span { position: absolute; width: 100%; text-align: center; bottom: 5px; left: 0; }
.query-list .query-check label { line-height: 40px; }
.query-list .query-check .form { width: 100%; margin-top: 20px; border-radius: 0; background-color: #eeeeee; border: 1px solid #dddddd; }
.query-list .query-check .group { margin-top: 20px; width: 100%; }
.query-list .query-check .group .btn { width: 105px; border-radius: 0; }
.query-list .query-check .group .btn.area { color: #fff; background-color: #a74752; }
.query-list .query-check .group .btn.field { color: #fff; background-color: #d72324; }
.query-list .query-check .group .btn.score { color: #fff; background-color: #d5b345; }
.query-list .query-check .group .btn.express { color: #fff; background-color: #898989; }

.query-icon { background-size: 50%; background-repeat: no-repeat; background-position: center; }
.query-icon.area { background-color: #a74752; background-image: url(../images/query-tap-1.png); }
.query-icon.field { background-color: #d72324; background-image: url(../images/query-tap-2.png); }
.query-icon.score { background-color: #d5b345; background-image: url(../images/query-tap-3.png); }
.query-icon.express { background-color: white; background-image: url(../images/query-tap-4.png); background-size: 128%; }
.query-icon.video { background-color: #CD8500; background-image: url(../images/query-tap-5.png); }
.query-icon img { width: 100%; }

.query-list-sm { display: none; position: absolute; top: 190px; left: 40px; z-index: 20000; }
.query-list-sm .item { position: relative; height: 80px; width: 80px; margin-top: 10px; }
.query-list-sm .item .form { width: 200px; }
.query-list-sm .item.area .form:hover { z-index: 0; }
.query-list-sm .item.area .form:focus { border-color: #a74752; }
.query-list-sm .item.area .btn { color: #fff; background-color: #a74752; border-color: #a74752; }
.query-list-sm .item.field .form:hover { z-index: 0; }
.query-list-sm .item.field .form:focus { border-color: #d72324; }
.query-list-sm .item.field .btn { color: #fff; background-color: #d72324; border-color: #d72324; }
.query-list-sm .item.score .form:hover { z-index: 0; }
.query-list-sm .item.score .form:focus { border-color: #d5b345; }
.query-list-sm .item.score .btn { color: #fff; background-color: #d5b345; border-color: #d5b345; }
.query-list-sm .item.express .form:hover { z-index: 0; }
.query-list-sm .item.express .form:focus { border-color: #898989; }
.query-list-sm .item.express .btn { color: #fff; background-color: #898989; border-color: #898989; }
.query-list-sm .item .query-icon { position: absolute; z-index: 1; width: 80px; height: 80px; background-size: 40%; background-repeat: no-repeat; background-position: center 14px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.query-list-sm .item .query-icon .title { padding-top: 55px; color: #fff; display: block; font-size: 12px; text-align: center; line-height: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.query-list-sm .item .group { position: absolute; top: 0; left: 80px; background-color: #fff; padding: 19px 20px; height: 80px; width: 310px; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-80px, 0); -ms-transform: translate(-80px, 0); transform: translate(-80px, 0); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.query-list-sm .item:hover .group { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.query-list-sm .item:hover .query-icon { background-size: 40%; background-repeat: no-repeat; background-position: center; }
.query-list-sm .item:hover .query-icon .title { opacity: 0; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); }

.container { *zoom: 1; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container .left-content { float: left; width: 65%; height: 630px; padding: 10px 50px 50px; background-color: #fff; }
.container .right-content { float: left; width: 35%; height: 630px; padding: 10px 50px 50px 0px; background-color: #fff; }
.container .title { padding: 12px 0 2px; }
.container .title-kj { padding: 10px 0 20px; }
.container .title h2, .container .title-kj h2 { display: inline-block; font-size: 18px; font-weight: 600; color: #333333; }
.container .article-list { overflow: hidden; }
.container .article-list li { *zoom: 1; padding-bottom: 28px; }
.container .article-list li:before, .container .article-list li:after { content: " "; display: table; }
.container .article-list li:after { clear: both; }
.container .article-list li:last-child { padding-bottom: 0; }
.container .article-list.news li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee; }
.container .article-list.news li:last-child { border: none; }
.container .article-list.notice li { padding: 5px 0; font-size: 12px; }
.container .article-list.notice small { margin-left: 10px; color: #666666; }
.container .article-list.media { width: 520px; *zoom: 1; }
.container .article-list.media:before, .container .article-list.media:after { content: " "; display: table; }
.container .article-list.media:after { clear: both; }
.container .article-list.media li { float: left; width: 153px; margin-right: 20px; padding-bottom: 0; }
.container .article-list.media li .thumb { width: 100%; height: 120px; }
.container .article-list.media li .thumb img { width: 100%; height: inherit; }
.container .article-list.media li a { display: block; }
.container .article-list.media li p { text-align: center; }
.container .media-box { margin-left: -20px; }
.container .media-box ul { width: 414px; }
.container .media-box li { float: left; margin-left: 20px; }
.container .media-box .thumb { width: 180px; height: 120px; overflow: hidden; }
.container .media-box .thumb img { width: 100%; height: inherit; }
.container .media-box li span { font-size: 12px; display: block; text-align: center; padding: 0 0 20px; }
.li-bg li, .container .index-gg { background: url(../images/li-bg.png) repeat; background-size: 100%; padding-bottom: 10px; }
.container .article-list .content .rightinfo { font-size: 12px; padding-top: 25px; color: #666666; }

.container .article-list .thumb { float: left; width: 186px; height: 124px; margin-right: 20px; }
.container .right-zt-thumb { width: 96.5%; overflow: hidden; }
.container .right-zt-thumb img { width: 100%; height: inherit; }
.container .article-list .thumb img { width: 100%; height: 100%; }
.container .article-list .content { overflow: hidden; }
.container .article-list .content h2 { font-size: 14px; line-height: 2.0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.container .article-list .content p { line-height: 2.0; font-size: 12px; padding-top: 10px; text-align: justify; word-wrap: break-word; color: #666666; }
.container .article-list .content .info { font-size: 12px; padding-top: 30px; color: #A38EA3; }
.container .article-list .content .info a { color: #d72324; }

.container .index-gg:after { content: " "; display: table; }
.container .index-gg:after { clear: both; }
.container .gg-left { float: left; width: 186px; height: 124px; margin-right: 20px;  }
.container .gg-right { float: left; }

.links li:before { content: " "; display: table; }
.links li:after { clear: both; }
.links { width: 100%; background: #fafafa; text-align: center; }
.links li { display: inline-block; width: 160px; overflow: hidden; margin: 0px 10px; }
.links li img { width: 100%; height: inherit; }
/*.links .swiper-slide { width: 20%; padding: 0px 10px; }*/

.footer { height: 188px; background:url(../images/foot_bg.png) center; color: #fff; text-align: center; }
.footer .websiteMap { padding-top: 60px; }
.footer .websiteMap a { color: #fff; padding: 0 10px; }
.footer .copyright { color: #b9a3a3; margin-top: 30px; }

.page-banner { position: relative; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.page-banner .wrap { height: inherit; }
.page-banner .breadcrumb { position: absolute; height: 50px; line-height: 50px; bottom: 0; font-size: 14px; margin-left: 300px; }
.page-banner .breadcrumb li { color: #fff; }
.page-banner .breadcrumb li a { color: inherit; }

.nav-label { width: 260px; height: 50px; line-height: 50px; padding-left: 40px; color: #fff; background-color: #840e35; position: absolute; bottom: 0; font-size: 22px; }

.sidebar { float: left; width: 260px; min-height: 500px; background-color: #eeeeee; }
.sidebar:after { content: ""; position: absolute; top: 90px; bottom: 0; z-index: -1; width: inherit; background-color: #eeeeee; }
.sidebar ul li { line-height: 50px; height: 50px; font-size: 14px; border-bottom: 1px solid #eeeeee; transition: background-color 0.4s; -moz-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; }
.sidebar ul li:hover, .sidebar ul li.active { background-color: #ffffff; }
.sidebar ul li.active a { color: #d72324; border-left: 6px solid #d72324; }
.sidebar ul li a { display: block; padding-left: 40px; }

.page-content { padding-left: 300px; padding-top: 30px; min-height: 500px; }
.page-content h2 { font-size: 30px; color: #333333; padding-bottom: 26px; border-bottom: 1px solid #dddddd; }
.page-content h2 small { float: right; padding-top: 15px; }

.item-list li { position: relative; padding: 23px 0; border-bottom: 1px dashed #dddddd; min-height: 1px; }
.item-list li:only-child, .item-list li:last-child { border: none; }
.item-list li .item-date { float: left; width: 80px; height: 80px; margin-right: 18px; padding-top: 12px; color: #999999; background-color: #eeeeee; line-height: 1; text-align: center; font-family: Arial, sans-serif; transition: background-color 0.3s, color 0.3s; -moz-transition: background-color 0.3s, color 0.3s; -webkit-transition: background-color 0.3s, color 0.3s; }
.item-list li .item-date sup { display: block; font-size: 36px; line-height: 1; vertical-align: middle; }
.item-list li .item-date sub { font-size: 12px; line-height: 1; vertical-align: middle; }
.item-list li .item-content { max-width: 800px; }
.item-list li .item-content h3 { font-size: 14px; line-height: 1.4; padding-top: 5px; color: #333333; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; }
.item-list li .item-content p { font-size: 12px; padding-top: 8px; color: #999999; line-height: 1.2; }
.item-list li a { display: block; }
.item-list li a:hover .item-content h3 { color: #d72324; }
.item-list li a:hover .item-date { color: #fff; background-color: #d72324; }
.item-list.media { width: 1170px; padding-top: 20px; *zoom: 1; }
.item-list.media:before, .item-list.media:after { content: " "; display: table; }
.item-list.media:after { clear: both; }
.item-list.media li { float: left; padding: 0; margin-top: 30px; margin-right: 70px; min-height: 300px; border: none; }
.item-list.media li a:hover .item-thumb img { opacity: 0.8; }
.item-list.media li a:hover h4 { color: #d72324; }
.item-list.media .item-thumb { overflow: hidden; width: 320px; height: 252px; }
.item-list.media .item-thumb img { width: 100%; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }
.item-list.media h4 { font-size: 14px; text-align: center; padding-top: 10px; }

.item-detail h1 { font-size: 24px; line-height: 2; text-align: center; padding-top: 50px; color: #333333; }
.item-detail .info { font-size: 12px; padding-top: 10px; text-align: center; color: #999999; }
.item-detail .info li { display: inline-block; padding: 0 20px; }
.item-detail .content { font-size: 16px; padding: 40px 60px 100px; }
.item-detail .content p { padding-bottom: 20px; line-height: 2; }

.page-action { padding: 70px 0; }

.page-login { background-image: url(../images/signin-bg.jpg); background-size: cover; }
.page-login .logo { width: 280px; padding-top: 20px; }
.page-login .logo img { width: 100%; }
.page-login .login-box { margin: 100px auto 0; width: 1200px; height: 480px;     background-color: rgb(175, 125, 37); }
.page-login .login-box .form-row .form-label { width: 78px; line-height: 46px; }
.page-login .login-box .form-row .form-input { width: 310px; }
.page-login .login-box .form-row .form-input .form { height: 46px; }
.page-login .left-content { float: left; width: 732px; }
.page-login .left-content .box { color: #fff; padding: 80px 140px; width: 100%; }
.page-login .left-content .box h4 { color: inherit; font-size: 18px; }
.page-login .left-content .box h1 { color: inherit; padding: 46px 0 5px; font-size: 50px; font-weight: 700; text-align: justify; text-align-last: justify; word-wrap: break-word; height: 136px; }
.page-login .left-content .box h1:after { content: ''; display: inline-block; width: 100%; }
.page-login .left-content .box h2 { color: inherit; font-size: 48px; text-align: justify; text-align-last: justify; word-wrap: break-word; height: 68px; }
.page-login .left-content .box h2:after { content: ''; display: inline-block; width: 100%; }
.page-login .login-content { padding: 40px; float: right; width: 468px; height: 480px; background-color: #fff; }
.page-login .login-content h2 { font-size: 30px; padding-bottom: 20px; }
.page-login .login-content h2 small { margin-left: 28px; font-size: 14px; }
.page-login .footer { background-color: transparent; }

.page-register { padding: 0 200px; }
.page-register h2 { color: #333333; font-size: 30px; padding-bottom: 20px; }
.page-register h2 small { margin-left: 28px; font-size: 14px; }
.page-register .form-row .form-label { width: 120px; line-height: 42px; }
.page-register .form-row .form-input { width: auto; min-width: 300px; }

.form-row { padding: 20px 0; width: 100%; border-bottom: 1px solid #eeeeee; *zoom: 1; }
.form-row:last-child { border-bottom: none; }
.form-row:before, .form-row:after { content: " "; display: table; }
.form-row:after { clear: both; }
.form-row .form-label { float: left; line-height: 42px; }
.form-row .form-input { float: left; }

.entrance .banner { height: 640px; }
.entrance .banner.basic { background-image: url(../images/basic-bg.jpg); background-repeat: no-repeat; background-position: center; }
.entrance .banner.basic .btn { padding: 20px 40px; background-color: rgba(189, 81, 106, 0.4); border: none; color: #fff; min-width: 260px; border-radius: 0; }
.entrance .banner.basic .btn:active, .entrance .banner.basic .btn:hover { background-color: rgba(189, 81, 106, 0.6); }
.entrance .banner.play { background-image: url(../images/play-bg.jpg); background-repeat: no-repeat; background-position: center; }
.entrance .banner.play .btn { padding: 20px 40px; background-color: rgba(132, 14, 53, 0.8); border: none; color: #fff; min-width: 260px; border-radius: 0; }
.entrance .banner.play .btn:active, .entrance .banner.play .btn:hover { background-color: #840e35; }
.entrance .banner.play .banner-content { height: 514px; }
.entrance .banner.play .banner-content h1 { margin-top: 160px; font-size: 60px; color: #fff; }
.entrance .banner .banner-content { height: 514px; }
.entrance .banner .banner-content h1 { margin-top: 160px; color: #fff; }
.entrance .banner .banner-content h1 .web-font { font-size: 50px; }
.entrance .logo { float: left; width: 280px; padding-top: 20px; }
.entrance .logo img { width: 100%; }
.entrance .entrance-navbar { float: right; font-size: 18px; }
.entrance .entrance-navbar li { color: #fff; float: left; }
.entrance .entrance-navbar li a { display: block; padding: 40px 20px 20px; color: #fff; border-bottom: 1px solid transparent; }
.entrance .entrance-navbar li a:hover { border-bottom: 1px solid #fff; }
.entrance .entrance-login { padding-top: 45px; margin-left: 30px; float: right; }
.entrance .entrance-login li { float: left; border-right: 1px solid #fff; }
.entrance .entrance-login li:last-child { border-right: none; }
.entrance .entrance-login li a { color: #fff; display: block; padding: 0 20px; }
.entrance .entrance-login li a:hover { color: #fff; }
.entrance .entrance-menu { width: 1239px; }
.entrance .entrance-menu .box { margin-left: -60px; }
.entrance .entrance-menu ul { padding: 40px 0 60px; *zoom: 1; }
.entrance .entrance-menu ul:before, .entrance .entrance-menu ul:after { content: " "; display: table; }
.entrance .entrance-menu ul:after { clear: both; }
.entrance .entrance-menu ul li { float: left; width: 373px; overflow: hidden; margin-left: 60px; }
.entrance .entrance-menu ul li h3 { font-size: 20px; color: #333333; padding: 20px 0; }
.entrance .entrance-menu ul li .thumb { width: 100%; }
.entrance .entrance-menu ul li .thumb img { width: 100%; }
.entrance .entrance-menu ul li p { padding-top: 8px; font-weight: 14px; line-height: 1.7; }
.entrance .entrance-menu ul li .view-detail { padding: 20px 0; }
.entrance .entrance-menu ul li a { display: block; }

.setp-content { height: 180px; background-color: #eeeeee; }
.setp-content .wrap { width: 1000px; }
.setp-content .title { float: left; padding: 56px 0 0; }
.setp-content .title h1 { font-size: 24px; color: #333333; }
.setp-content .title p { color: #999999; padding-top: 14px; }
.setp-content .setp { position: relative; float: right; width: 365px; height: 36px; margin-top: 66px; }
.setp-content .setp ul { position: relative; width: 100%; height: 36px; padding: 13px 0; margin-left: 67px; }
.setp-content .setp ul li { position: relative; float: left; width: 25%; height: 10px; background-color: #fff; box-shadow: 3px 0px 1px rgba(0, 0, 0, 0.15); }
.setp-content .setp ul li:after { content: ""; position: absolute; width: 69px; z-index: 2; height: 4px; top: 3px; left: 0; background-color: transparent; }
.setp-content .setp ul li:first-child { width: auto; }
.setp-content .setp ul li:first-child span { margin-left: -60px; }
.setp-content .setp ul li.current em { z-index: 1; font-size: 21px; }
.setp-content .setp ul li.current em:after { top: -5px; left: -5px; width: 37px; height: 37px; background-color: #e61659; }
.setp-content .setp ul li.current span { color: #e61659; }
.setp-content .setp ul li.active em { z-index: 1; font-size: 21px; line-height: 21px; }
.setp-content .setp ul li.active em:after { background-color: #e61659; }
.setp-content .setp ul li.active label { color: #fff; }
.setp-content .setp ul li em { position: absolute; top: 50%; right: -4px; margin-top: -13px; border-radius: 100%; width: 26px; height: 26px; background-color: #fff; text-align: center; line-height: 25px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); }
.setp-content .setp ul li em:after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 100%; background-color: transparent; }
.setp-content .setp ul li em label { position: relative; font-style: normal; font-size: 14px; font-weight: 700; color: #999999; z-index: 2; }
.setp-content .setp ul li span { position: absolute; top: 30px; left: 50%; margin-left: -14px; min-width: 100px; text-align: center; font-size: 12px; color: #666666; }

.page-enroll { margin: 0 auto; padding: 40px 0 100px; width: 1000px; }
.page-enroll h2 { color: #d72324; font-size: 24px; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; }
.page-enroll h2 small { margin-left: 28px; font-size: 14px; }
.page-enroll .form-row.noborder { border-bottom: none; }
.page-enroll .form-row .form-label { width: 120px; line-height: 42px; color: #666666; }
.page-enroll .form-row .form-input { width: auto; min-width: 300px; }
.page-enroll .form-row .i-checks { margin-top: 12px; }
.page-enroll .table tbody > tr > td { padding: 20px; font-size: 14px; }
.page-enroll .table label { color: #999999; }
.page-enroll h4 { font-size: 18px; padding: 40px 0 0px; }
.page-enroll .cost-detail { margin-top: 20px; padding: 30px; border: 1px solid #dddddd; background-color: #eeeeee; font-size: 16px; line-height: 2; }
.page-enroll .cost-detail .price.total { font-size: 28px; color: #d72324; }

.test-card { position: relative; padding: 60px; border: 1px solid #dddddd; background-color: #fafafa; }
.test-card .user-face { position: absolute; top: 60px; right: 60px; border: 1px solid #dddddd; background-color: #fafafa; padding: 23px 23px 22px; }
.test-card .user-face img { width: 100%; }

.statement { text-align: left; padding: 20px 20px 0; }
.statement li { padding-bottom: 15px; line-height: 1.6; color: #666666; word-wrap: break-word; text-align: justify; }

.pay-type { display: block; padding: 40px 10px; text-align: center; color: #fff; }
.pay-type:hover { color: #fff; }
.pay-type:hover.zhifubao { background-color: #04aafa; }
.pay-type:hover.weixin { background-color: #00e200; }
.pay-type.zhifubao { background-color: #0499e1; }
.pay-type.weixin { background-color: #00c800; }
.pay-type i { font-size: 50px; }

.my-info { *zoom: 1; border-bottom: 1px solid #eeeeee; }
.my-info:before, .my-info:after { content: " "; display: table; }
.my-info:after { clear: both; }
.my-info .avatar-upload { border-right: 1px solid #eeeeee; width: 506px; padding: 0px 30px 20px 0px; float: left; }
.my-info .avatar-upload .prompt { font-size: 12px; color: #999999; }
.my-info .avatar-upload .larger-map { margin-top: 20px; width: 468px; height: auto; border: 1px solid #dddddd; background-color: #eeeeee; position: relative; }
.my-info .avatar-upload .larger-map .cur-avatar { width: 100%; overflow: hidden; text-align: center; }
.my-info .avatar-upload .larger-map .cur-avatar img { min-width: 240px; }
.my-info .avatar-upload .larger-map span.error { display: block; padding: 40px; text-align: center; }
.my-info .avatar-upload .larger-map .jcrop-holder { margin: 0 auto; }
.my-info .avatar-upload .avatar-submit { padding-top: 20px; padding-bottom: 20px; }
.my-info .avatar-preview { float: left; width: 494px; padding-left: 36px; }
.my-info .avatar-preview h5 { font-size: 18px; }
.my-info .avatar-preview p { font-size: 12px; color: #999999; padding: 10px 0; }
.my-info .avatar-preview .thumbs { overflow: hidden; width: 150px; height: 200px; }
#preview-pane .preview-container { width: 150px; height: 200px; overflow: hidden; }

/*clm create*/
.page { min-width: 1240px; }
.pop, .return-list { display: none; }
.form-input1 { margin-bottom: 5px; }

.special { background: #f9f9f9; }
.special .special-header { max-width: 3000px; margin: 0 auto; height: 400px; color: #fff; background: url(../images/special-header.jpg) top center; }
.special .special-header .content { padding-top: 105px; width: 597px; overflow: hidden; margin: 0 auto;}
.special .special-header .content img { width: 100%; height: inherit; }
/*.special .special-header .content { padding-top: 105px; margin-left: -65px; }
.special .special-header .box { margin: 0 auto; width: 536px; height: 249px; }
.special .special-header .left { float: left; margin-right: 20px; }
.special .special-header .right { padding-top: 48px; }
.special .special-header .lab-num { font-size: 150px; font-weight: 100; }
.special .special-header .lab-1 { font-size: 30px; }
.special .special-header .lab-2 { font-size: 28px; font-weight: 600; }
.special .special-header .lab-3 { font-size: 10px; }*/

.container .left-special { float: left; width: 340px; padding: 10px 50px 50px; }
.container .left-special .more { float: right; display: inline-block; font-size: 12px; margin-top: 4px; }
.container .right-special .more { padding-left: 5px; display: inline-block; font-size: 12px; margin-top: 4px; }
.container .left-special .speech { display: block; width: 240px; overflow: hidden; }
.container .left-special .speech img { width: 100%; height: inherit; }
.container .right-special { float: left; width: 900px; padding: 10px 50px 50px 0; }
.container .special-list { overflow: hidden; }
.container .special-list li { *zoom: 1; padding-bottom: 28px; }
.container .special-list li:before, .container .special-list li:after { content: " "; display: table; }
.container .special-list li:after { clear: both; }
.container .special-list li:last-child { padding-bottom: 0; }
.container .special-list.news li { padding: 5px 0; }
.container .special-list.new-list { font-size: 12px; }
.container .special-list.news span { display: inline-block; width: 10px; }

.container .special-list.media { *zoom: 1; }
.container .special-media-box { margin-left: -20px; }
.container .special-list.media:before, .container .special-list.media:after { content: " "; display: table; }
.container .special-list.media:after { clear: both; }
.container .special-list.media li { float: left; margin-left: 20px; padding-bottom: 0; }
.container .special-list.media li .thumb { width: 270px; height: 185px; overflow: hidden; border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.container .special-list.media li .thumb img { width: 100%; height: inherit; }
.container .special-list.media li a { display: block; }
.container .special-list.media li span { display: block; text-align: center; padding: 10px 0 30px; }

.container .special-re :before { content: " "; display: table; }
.container .special-re:after { clear: both; }
.container .special-re .special-re-cover { float: left; width: 372px; height: 240px; margin-right: 20px; border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.container .special-re .special-re-cover img { width: 100%; height: inherit; }
.container .special-re .content { overflow: hidden; }
.container .special-re .content h2 { font-size: 18px; line-height: 1.8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.container .special-re .content p { line-height: 1.6; font-size: 12px; padding-top: 10px; text-align: justify; word-wrap: break-word; color: #666666; }
.container .special-re ul { margin-top: 20px; }
.container .special-re { height: 240px; }

/*///////////////*/
.location-info { margin: 0 auto; padding: 30px 40px; width: 100%; }
.location-select { margin: 0 auto; padding: 30px 40px 80px; width: 100%; }
.location-label, .location-data, .location-r { float: left; }
.location-info li { padding: 15px 0; width: 100%; border-bottom: 1px #dddddd solid; zoom: 1; overflow: hidden; }
.location-info li:after { display: table; content: ""; width: 0; clear: both; }
.location-info .location-label { width: 120px; }
.location-info .location-data { width: auto; }
.location-info .location-m { margin-bottom: 10px; }
.location-m { max-width: 740px; }
.location-label, .location-data, .location-m, .location-s, .location-r { font-size: 14px; color: #505050; }
.location-r { margin-left: 70px; }
.location-select .select { position: relative; z-index: 1; }
.location-select .select li { float: left; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; }
.location-select .select li.active { background: #fff; border-left: 1px #dddddd solid; border-top: 1px #dddddd solid; border-right: 1px #dddddd solid; }
.location-select .select li a { display: block; height: 50px; line-height: 50px; width: 100%; }
.location-select .select li.active a { color: #d72324; }
.location-select .content { margin-top: -1px; padding: 40px;background: #fff; border: 1px #ddd solid; }
.location-select .select:before, .location-select .select:after { content: " "; display: table; }
.location-select .select:after { clear: both; }
.location-select .content-info { display: none; }
.location-select .brochure li:last-child { border-bottom: none; }
.location-select .brochure li { width: 100%; border-bottom: 1px #dddddd solid; font-size: 16px; }
.location-select .brochure li a { display: block; height: 56px; line-height: 56px; color: #333333; }
.location-select .brochure li a:hover { color: #d72324; }
.location-select .brochure li a i { color: #ddd; margin-right: 30px; line-height: 56px; }
.dialog.brochure-pop { text-align: left; overflow-y: auto; background: rgba(0, 0, 0, 0.3); display: none; }
.dialog.brochure-pop .dialog-content { width: 680px; }
.dialog.brochure-pop .statement { line-height: 1.8; margin-top: 50px; font-size: 16px; }
.dialog.brochure-pop .dialog-title {position: absolute; left: 0; top: 0; width: 100%; text-align: left; background: #e4eaec; height: 60px; line-height: 60px; padding: 0 50px; color: #505050; }
.dialog.brochure-pop .panel-footer { text-align: left; padding-left: 50px; }
.dialog.brochure-pop .brochure-pop-close { width: 80px; font-size: 14px; }

@media (max-width: 1400px) { .query-list-sm { display: block; }
  .query-list { display: none; } }
@media (max-width: 1680px) { .wrap { width: 1240px; }
  .item-list.media { width: 960px; }
  .item-list.media li { margin-right: 20px; }
  .test_content .photo{position:absolute;right:340px;top:170px;}
  .item-list.media .item-thumb { width: 300px; height: 236px; } }
@media (min-width: 1700px) { .wrap { width: 1400px; }
  .test_content .photo{position:absolute;right:433px;top:170px;}
  .banner .banner-box{width: 700px; } }
@media (min-width: 1600px) { .index-banner-1 { background-image: url('../images/banner-1-1.jpg'); } }



/*修改添加--考试信息*/
table { border-spacing: 0;border-collapse: collapse; }
table * { padding:0px; margin : 0px;}
.about-sidebar h2{font-size:22px; margin-bottom:18px; margin-top:50px; margin-left:39px;}
.userinfo-content { padding-left: 300px; padding-top: 30px; min-height: 1000px; }
.userinfo-content h2 { font-size: 30px; color: #333333; padding-bottom: 26px; border-bottom: 1px solid #dddddd; padding-top:20px; line-height:30px; }
.userinfo-content h2 small { float: right; padding-top: 15px; }

.item-detail table{width:100%;}
.item-detail table *{ font-family:" ";}
.item-detail table th,.item-detail table td{ text-align:left; line-height:62px;border-bottom: 1px solid #dddddd;padding-left:26px;}
.item-detail table input{width:60px;height:22px; margin-left:8px;}
.item_icon1{background-color:#dddddd; border:0;}
.item_icon2{background-color:#d72324; border:0; color:white;}
.item_tr{background-color:#eeeeee;}

.pagin_box{margin-top:70px; padding-bottom:150px; margin-left:40%;}
.pagin_icon1{width:98px;height:48px; border:1px solid #dddddd; background-color:#f6f6f6;}
.pagin_icon2{width:48px;height:48px; border:1px solid #dddddd; background-color:#f6f6f6;}
.pagin_bg{ background-color:red;color:white;}

/*选择考试信息*/

.form_xh{width:18px; height:18px;position:absolute; left:64px;bottom:32px;}
.form_xh1{width:18px; height:18px;position:absolute; left:172px;bottom:32px;}
.form-input{ position:relative;}
.form-input1 p{ white-space:nowrap; float:left;}.form-input1 img{margin-left:20px; margin-right:10px; word-break:break-all; }

.form-input1 td{height:40px;line-height:30px;}
.form_wid{width:80px;}
.le{width:138px;height:46px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; background-color:#eeeeee;border:0;padding-left:17px;}
.form-input2{float:left;width:168px;}
.form-input2 .input1{width:137px;}
.form-label1{width: 120px; line-height: 46px;float:left; }
/*填写考试信息-修改*/
.test_track{float:left;}
.tracks_tit{ border:1px solid #efefef;}
.tit_box{ line-height:45px; background-color:#efefef; width:692px;}
.titA{ font-size:18px; margin-left:29px;}
.tit_box .titB{float:right; margin-right:31px;}
.tracls_choose{line-height:80px;}

/*我的报名-详情*/

.p1{float:right; font-size:12px; font-family:" ";}
.userinfo-content h3{margin-top:38px;margin-bottom:19px;margin-left:5px;}
.decails_box{width:100%; background-color:white; border:1px solid #e7e7e7;height:289px;}
.test,.tracks{float:left;}
.test{margin-left:29px; margin-top:48px;}
.tracks{margin-top:48px; float:right; margin-right:78px;padding-left:30px;}
.decails_box p{height:30px; font-size:14px;}
.p2{width:52px;height:72px;}.p3{margin-left:75px;}.p4{margin-left:-30px;}

.user-base{width:1100px;}
.base_box{float:left;}
.mail_box{float:right;}
.base,.mail{ background-color:white;width:540px;height:219px;border:1px solid #e7e7e7;padding-left:30px;padding-top:27px;}
.mail_box p,.base_box p{height:30px; font-size:14px;}

.test_cost{width:100%; background-color:white; border:1px solid #e7e7e7;height:140px; margin-bottom:154px;}
.cost_box{ margin-left:auto;margin-right:auto; margin-top:20px;width:670px;}
.cor1{font-size:20px; font-weight:bold;}.cor2{ color:red;}
.prejack{float:left; line-height:108px;width:380px;}
.prejack{border-right:1px solid #dddddd;}
.prejack p{float:right;margin-right:25px;}
.state{float:left; line-height:108px;margin-left:20px;width:270px;}
.test_icon1{width:139px;height:46px; border:0; background-color:red; color:white; font-size:16px;}
.state input{margin-left:30px;}

/*安全中心*/

.save_phone{ padding:20px 0; height:86px; border-bottom:1px solid #efefef;}
.save_phone .phone{float:left; width:120px;color:#666666; line-height:42px;}
.save_input{float:left; width:auto; min-width:300px; height:86px;}
.save_but1{width:138px; height:46px; background-color:#d72324; color:white;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px; border:0; margin-left:8px;}
.save_but{width:188px; height:46px; background-color:#eeeeee; color:white;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px; border:0;padding-left:16px;;color:black; line-height:46px;}

.inter_box{ display:inline-block;width:182px; height:38px; margin-left:19px;}
.inter_box > div{display:inline-block; width:58px; height:36px; line-height:32px; margin-bottom:15px;}
.inter_box span{ width:58px; height:6px; background-color:#dddddd; display:block;}
.inter_box div p{margin-left:23px;}
.inter_box .inter_block{background-color:#d72324;}

.save_sure{ padding:20px 0; height:86px; margin-top:30px; margin-bottom:150px;}
.sure{float:left; width:120px;color:#666666;height:42px;}
.sure_box{float:left; width:auto; min-width:300px; height:86px;}
.sure_icon{width:138px; height:54px; background-color:#d72324; color:white;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px; border:0; margin-left:8px; font-size:18px;}
.save_fales{display:inline-block; margin-left:5px; color:#e9336e;}
.cor3{ color:#e9336e;}
.flase{margin-right:8px;}

/*考试动态-考点介绍*/
.test_content{width:966px;margin-left:auto; margin-right:auto;}
.test_content table{ width:966px; margin-top:60px;}
.test_content table tr td{ line-height:30px; border-bottom:1px solid #dddddd;font-family:" "; font-size:14px;padding:9px 0;}.test_content table tr{line-height:44px;}
.introduce_tit{width:100%; position:relative; }
.introduce_tit p{ display:inline-block; line-height:48px; width:157px; text-align:center; font-size:18px; position:relative; z-index:100;}
.introduce_tit .pitch{background-color:white; color:red;border:1px solid #dddddd;border-bottom:none; position:absolute;left:0;top:35px;}
.introduce_tit .pitch1{ position:absolute;left:158px; top:35px;}
.introduce{width:100%;background-color:white;padding-top:64px; padding-bottom:113px; padding-left:60px; padding-right:54px; border:1px solid #dddddd;margin-top:83px;}
.introduce p{ text-indent:30px; font-size:15px; line-height:30px; margin-bottom:30px;}
.test_wid{width:115px;}

/*考级教材*/

.chapter_content{width:1020px;margin-left:auto; margin-right:auto;margin-bottom:125px;}
.chapter_box{width:100%; line-height:108px;padding-bottom:12px;}
.chapter_box p{display:inline-block; margin-right:20px;}
.chapter_box select{width:196px;height:44px; padding-left:10px; background-color:#eeeeee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.chapter{width:1020px;margin-left:auto; margin-right:auto;}
.course{width:180px; float:left; margin-bottom:78px;}
.course_left{margin-right:100px;}
.course img{margin-bottom:14px;}
.course p{ text-align:center; word-break:break-all; font-size:12px; line-height:24px;}

/*paging*/

.list-page li {
    float: left;
}

.paging-btn {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    line-height: 48px;
    text-align: center;
    border: 1px #ddd solid;
    font-size: 1.4rem;
    font-size: 14px;
    color: #505050;
}

.paging-previous,
.paging-next {
    width: 98px;
}

.paging-btn:hover {
    background: #d72324;
    color: #fff;
    border: 1px #d72324 solid;
}

.paging-btn.check {
    background: #d72324;
    color: #fff;
    border: 1px #d72324 solid;
}

/*考级教材*/

.text_content{width:1100px; margin-left:auto; margin-right:auto;}
.textbook{width:258px; border-right:1px solid #dddddd; float:left;}
.textbook img{margin-top:40px; margin-left:39px;}
.textintro{ padding-left:42px; float:left;}
.textintro p{font-size:20px; line-height:60px; padding-top:35px; border-bottom:1px solid #dddddd;}
.text_author{padding-top:23px; padding-bottom:29px; border-bottom:1px solid #dddddd;width:800px;}
.td1{color:#8f8f8f;}
.textintro table{width:200px; margin-bottom:33px;}
.textintro table td{line-height:30px;}
.text_put1{ background-color:#d72324; width:141px; height:42px; border:0;color:white; margin-right:20px; position:relative; padding-left:30px;}
.put_bg{ position:absolute; left:19px; top:11px;}
.text_put2{ background-color:#cccccc; width:141px; height:42px; border:0;color:white;}
.intro{padding-bottom:200px;}
.intro h3{ margin:0;padding:0;line-height:60px; font-size:20px; font-family:" ";margin-bottom:13px;}
.intro p{margin:0;padding:0; line-height:24px; font-size:14px; border:0; margin-bottom:36px; width:800px;}

/*考点介绍-列表*/

.province_box{border-bottom:1px solid #dddddd; height:145px;padding-top:30px;}
.province_box p{float:left;height:80px; text-align:center;}
.pro_bg{background-color:#860a34; color:white;}
.province_box ul{float:left; height:80px; width:800px;padding-left:20px;}
.province_box ul li{width:50px; line-height:28px; float:left; text-align:center;}

.yangyin_college{padding:30px 0;height:145px; border-bottom:1px solid #dddddd; margin-top:20px;}
.apply{float:left;padding-left:16px;width:162px;height:80px;margin-right:20px;background-color:#eeeeee;}
.test_cor{color:#999999;}
.apply h4{line-height:26px;margin-top:15px; font-size:16px;}
.college{float:left;padding-left:20px;width:720px; height:80px; border-left:1px solid #dddddd;}
.college h3{font-size:18px; line-height:32px; margin:0;padding:0}
.college p{ line-height:18px; font-size:12px;}

.testing_box{ margin-bottom:141px;}
.testing{padding:1px 0; border-bottom:1px solid #dddddd; margin-top:1px;border-bottom:1px solid #dddddd; margin-bottom:1px;}
.apply{float:left;padding-left:16px;width:162px;height:80px;margin-right:20px;background-color:#eeeeee;}
.test_cor{color:#999999;}
.apply h4{line-height:26px;margin-top:15px; font-size:16px;}
.testingA{float:left;padding-left:20px;width:720px;  border-left:1px solid #dddddd;  }
.testingA h3{font-size:18px; line-height:32px; margin:0;padding:0}
.testingA p{ margin-top: 10px;padding-bottom: 20px}
.describe{margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dddddd; width:900px;}
.describeA{margin-top:30px; margin-top:30px; width:900px;}

.describe img{float:left;}
.describeA img{float:left;}
.testing_box table{width:350px; float:left; margin-left:24px; margin-top:22px;}
.testing_box table td{ line-height:32px;}
.test_td{ white-space:nowrap;}


/*考官风采-详情*/

.person_experience{margin-top:70px;}
.person{ float:left; width:260px; padding-left:40px;}
.experience{float:left;width:730px; margin-bottom:133px;}
.experience h5{font-size:24px; line-height:52px; margin-bottom:32px;}
.experience p{ font-size:15px; text-indent:30px; line-height:30px; margin-bottom:30px;}

/*考官详情*/

.examiner{width:180px; text-align:center;margin-left:40px; margin-top:40px;}
.examiner h6{ line-height:50px; margin-bottom:4px;}
.examiner p{ font-size:12px; line-height:18px;}
.exam_right{margin-right:20px;}
.exam{width:260px; background-color:white; float:left;height:412px;}
.exam1{width:260px; float:left;height:412px;}
.examiner_box{padding-bottom:82px; margin-top:30px;}
.examiner_content{margin-bottom:125px;}

/*确认信息并缴费*/

.page-enroll table{width:100%; border:0;}
.page-enroll table td{ line-height:54px; border-bottom:1px solid #eeeeee;}
.page-enroll table tr{}
.td_cor{color:#999999;}
.fees_box{}
.fees_box p{ line-height:44px;margin-top:38px;}
.fees{ background-color:#eeeeee; border:1px solid #dddddd; width:1000px;height:162px;padding-top:14px;}
.fees_box table{ margin-left:72px;}
.fees_box table td{ line-height:38px; font-size:14px; border:0;}
.td_cor1{color:#e9336e;}
.td_col2{ font-weight:bold;font-size:20px;}
.fees_box .bill,.fees_box .hint{ line-height:40px;}
.bill{margin-top:20px;}.hint{margin-bottom:30px;}
.but_bg{background:url(../images/but_1.png); width:300px; height:54px; border:0; color:white; margin-right:26px;}
.but_bg2{width:155px;height:54px; background-color:#efefef; border:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}

/*考级花絮*/

.interesting_box{padding:0 85px; padding-bottom:350px;}
.interesting_box h3{  font-size:24px; text-align:center; color:#333333; margin-bottom:56px;}
.interesting_box p{ font-size:16px; line-height:30px; margin-bottom:30px;}
.interesting{width:640px;margin-left:auto; margin-right:auto; margin-bottom:39px; margin-top:50px;}
.interesting p{line-height:36px; font-size:16px; margin:0; }
.interesting img{width:640px; margin-bottom:10px;}

/*忘记密码-确认账户*/

.page-register h2 p{ margin-left: 28px; font-size: 14px; color:#505050; display:inline-block;}
.pass_flow{position:relative; left:500px; top:-60px; width:500px;}
.affirm{ position:absolute;top:0;left:0; z-index:10;}
.safe{ position:absolute;left:160px; z-index:8;}
.reset{ position:absolute;left:320px; z-index:6;}
.forget_tit{width:960px; height:50px; margin: auto auto;}
.forget_tit button{width:320px; border-radius:0;}
.forget_content{ margin-left:auto; margin-right:auto;}
.forget_content table{margin-top:100px; margin-left:auto; margin-right:auto;}
.forget_content table td{ color:white; line-height:60px;}
.forget_content table input{width:400px;}
.forget_content table button{height:40px;}
.forget_box{ margin: 100px auto 0; width: 1200px; height: 480px; background-color: rgba(132, 14, 53, 0.8);}

/*忘记密码-验证账号*/

.num{line-height:46px;}
.form-row{position:relative;}
.forget_ensure{ position:absolute;left:120px;width:160px; height:54px; background:#d72324; border:0; color:white; font-size:18px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.forget_ensureA{ position:absolute;left:120px;width:160px; height:54px; background:#de3536; border:0; color:white; font-size:18px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}

/*打印准考证*/

.photo{position:absolute;right:433px;top:170px;}

/*修改手机号*/

.save_alter{display:inline-block;width:224px;}
.save_alert{display:inline-block; margin-left:5px; color:#666666;}

/*安全中心
.bound_box{ margin-top:20px; margin-bottom:500px;min-width:1100px;}
.bound_box ul{float:left; width:100%;height:121px;border-bottom:1px solid #eeeeee;min-width:1100px;}
.bound_box ul li{float:left; height:80px;line-height:80px; margin-top:20px;}
.alter_pas{width:22%; border-right:1px solid #eeeeee;}
.alter_pas p{float:right; margin-right:38px; font-size:24px; color:#333333;}
.alter_pas img{margin-left:40px; display:inline-block;}
.risk{padding-left:28px;width:58%;}
.alt_text{ float:right;width:20%; color:#e9336e;}
.alt_text p{font-size:18px; color:#d72324; float:right; margin-right:63px;}
.alt_text img{margin-right:6px;}
*/
/*新找回密码*/

.wrap .tit_01{margin-top:80px; float:left;}
.wrap .tit_01 h1{float:left;font-size:30px;}
.setp-content .wrap .tit_01 p{float:left;font-size:14px; line-height:45px;margin-left:25px;}
.wrap_p{font-size:16px; position:relative;left:50%;margin-left:-160px;}
.wrap_p a{color:#e61659; font-weight:bold; text-decoration:underline;}

/*修改密码*/
.tion{line-height:42px;color:red;}

/*新个人中心*/

.per_hei{height:83px;}
.page-enroll .att{padding-bottom:30px;color:red; font-size:14px; font-family:' ';margin-top:15px;margin-left:24px;}

/*照片上传*/

.upload_pic{width:100%;height:5.3cm;margin-top:30px;}
.ps,.upload{float:left;}
.upload{width:3.5cm;height:5.3cm;  margin-left:10px;margin-right:30px; position:relative;cursor:pointer;}
.lod{border-radius:4px;padding:4px 10px; font-size:14px;color:white;  background-color:#d72324; border:0; }
.box01{width:1.5cm;height:0.4cm;position:absolute;left:50%;margin-left:-0.75cm;top:50%;margin-top:-0.2cm; background-color:#009933;}
.box02{width:0.4cm;height:1.5cm;position:absolute;right:50%;margin-right:-0.2cm;top:50%;margin-top:-0.75cm; background-color:#009933;}
.pp{ margin-left:auto;margin-right:auto;line-height:200px; text-align:center; clear:left;}

/*报名2-考试场次信息*/

.the{display:inline-block; color:#888888;}
.the_pla{position:relative;left:50%;margin-left:-150px; margin-top:100px;}

/*报名3-选择考试等级*/
.collate{text-align:center; margin-top:40px;color:#d20044;}
.coo{margin-top:75px;margin-bottom:26px; font-size:22px;color:#505050;}
.grade{position:relative;}
.grade > div {float:left;margin-bottom:10px;}
.grade > div > p{position:relative;width:248px;height:118px;text-align:center;color:#505050;font-size:28px; display:inline-block;line-height:120px;border:2px solid #DDDDDD; cursor:pointer;margin-right:38px;}
.grade > div > p > img{position:absolute;bottom:0;right:0;}
.grade_bor{border:2px solid #e61659;}
._click{display:block; cursor:pointer;width:180px;}
._click:hover{color:#e61659;}

/*报名3-选择考试时间*/
.test_time{width:1099px; margin:auto auto;margin-top:34px;}
.page-enroll .test_timei_box{display:inline-block; margin-bottom:48px;}
.page-enroll .time_day{font-size:18px; margin-left:51px; color:#505050; margin-bottom:10px;}
.time_quantum{border:1px solid #dddddd;width:400px; margin:0 51px; padding-top:21px;padding-left:30px;padding-bottom:44px;}
.time_quantum ul{margin-top:19px;}
.time_quantum ul .p_t{background-color:#eeeeee; line-height:70px; text-align:center;}
.time_quantum ul li{float:left; margin-right:20px; width:100px;cursor:pointer;}
.time_quantum ul .p_m{background-color:#b5b5b5; line-height:30px; text-align:center;color:white;}
.test_time ul li:hover p{color:white;}
.test_time ul li:hover .p_t{background-color:#e61659;}
.test_time ul li:hover .p_m{background-color:#ad0038;}
.p_s{position:absolute;right:0;top:60px;}

/*预览信息个人信息不全面弹框*/
.alter_box{width:425px;height:226px;position:fixed;top:22%;left:50%;margin-left:-213px;background-color:white; z-index:10000;}
.alter{width:405px;height:206px;margin-left:auto;margin-right:auto;margin-top:10px;padding-top:6px;}
.alter_con{width:392px;height:192px;margin-left:auto;margin-right:auto;}
.alter_con p{font-size:16px;color:#333333;line-height:56px; text-align:center;margin-top:12px;}
.alter_box span{width:24px;height:23px;position:absolute;top:2px;right:1px;cursor:pointer;}
.alter_con input{width:90px;height:40px;margin-top:20px;background-color:#c6c6c6;border:0;color:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.alter_con .al_cli{margin-left:80px;margin-right:50px;background-color:#de3536; color:white;}
._noti{height:25px;width:100%;background-color:#de3536;}
._noti p{color:white;line-height:25px;margin-left:24px;}

/*qq导航聊天*/
.top_p {
    margin-right: 200px;
    float: right;
    font-size: 12px;
    color: #76838f;
    margin-top: -15px;
    width: 350px;
}

/*演奏演唱专业常见问题*/
.page-bg .play{width:1000px;margin-left:auto;margin:auto;margin-top:60px;margin-bottom:120px;}
.play h1{color:black; text-align:center;margin-bottom:36px;}
.play h5{color:black; line-height:32px; font-size:15px; font-weight:bold;}
.play p{ text-indent:28px; line-height:42px;color:#505050; font-size:15px;}


 /*报名弹窗确认*/
.shade{ position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4); z-index:100}
._hint{width:800px;height:460px;position:fixed;top:50px;left:50%;margin-left:-400px; background-color:white; z-index:101; overflow:hidden;}
._hint h5{padding-left:20px; background-color:#860632;color:white;line-height:40px;margin-bottom:10px;}
._hint p{ line-height:24px;padding:10px 0px;}
._hit_pt{margin-top:10px;}
._hit_pt input{width:120px;height:40px;border-radius:4px; border:0;float:left; font-size:16px;}
._hint_put{background-color:#e92f6c}
._hint .hi_p{background-color:#e92f6c;margin-left:190px; color:white;}
.hi_p1{margin-left:190px; color:#e92f6c;}
._hint img{position:absolute;right:20px;top:12px; cursor:pointer;}
._hint .hi_p2{width:18px;height:18px; float:left;margin-top:3px;margin-right:10px;cursor:pointer;}
._check{color:#e92f6c; font-weight:bold;cursor:pointer;}
._hint_p{padding:0 24px;cursor:pointer;} 

/* 报名弹窗确
.shade{ position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4); z-index:100}
._hint{width:800px;height:460px;position:fixed;top:200px;left:50%;margin-left:-400px; background-color:white; z-index:101; overflow:hidden;border:1px solid #dddddd;}
._hint h5{padding-left:20px; background-color:#860632;color:white;line-height:40px;margin-bottom:10px;}
._hint p{ line-height:24px;padding:10px 0px;}
._hit_pt{margin-top:30px;}
._hit_pt input{width:120px;height:40px;border-radius:4px; border:0;float:left; font-size:16px;}
._hint_put{background-color:#e92f6c}
._hint .hi_p{background-color:#e92f6c;margin-left:190px; color:white;}
.hi_p1{margin-left:90px; color:#e92f6c;}
._hint img{position:absolute;right:20px;top:12px; cursor:pointer;}
._hint .hi_p2{width:18px;height:18px; float:left;margin-top:3px;margin-right:10px;cursor:pointer;}
._check{color:#e92f6c; font-weight:bold;cursor:pointer;}
._hint_p{padding:0 24px;cursor:pointer;} */

/*免责声明*/

.lia_var{width:700px;height:442px;border:#d2d4d3 1px solid;position:fixed;top:22%;left:50%;margin-left:-350px;background-color:white; z-index:10000;}
.var_tit{width:100%;background-color:#860632;height:56px;}
.var_tit p{margin-left:18px;font-size:16px;color:white;line-height:56px;float:left;}
.var_tit span{float:right;width:24px;height:23px;margin-top:16px;margin-right:20px;cursor:pointer;}
._var{width:600px;margin-top:42px;margin-left:auto;margin-right:auto;}
._var li{font-size:16px;line-height:28px;color:#59595b;}
.ele{width:400px;margin-left:auto;margin-right:auto;margin-top:28px;}
.ele input{width:160px;height:54px;border-radius:4px;border:0;color:white;font-size:17px; background-color:#dedede;margin:0 10px;}
.ele .ele_cli{background-color:#e92f6c;}

/*报名流程*/
.play article p,.play_1 article p{margin-top:10px;}
.play_1{width:1000px;margin-left:auto;margin:auto;margin-top:60px;margin-bottom:120px;}
.play_1 p{line-height:30px;font-size:15px;padding-bottom:20px;}

/* 前台首页 */
.exam_quare{
			width:300px;height:120px;
			background:white;
			position:fixed;
			left:50%;top:300px;
			margin-left:-150px;
			 z-index:10001;
			 }
		.exam_quare h6{
			padding-left:8px;
			text-align:left;
			width:100%;
			background:red;
			color:white;
			font-size:15px;
			line-height:24px;
			}
		.exam_quare p{
			color:red;
			font-size:18px;
			text-align:center;
			margin-top:15px;
			}
		.exam_quare input{
			width:90px;
			height:24px;
			background:white;
			border:0; font-size:16px; 
			border:1px solid #BBBBBB;
			margin-left:105px;
			border-radius:4px;
			margin-top:15px;
			}
		.chengji{
			width:350px;
			padding:10px 0 20px 0;
			position:fixed;
			top:300px;
			left:50%;
			margin-left:-125px;
			background:white;
			z-index:10003;
			border-radius:4px;
			}
		.chengji h3{
			width:300px;
			margin-left:auto; margin-right:auto;
			text-align:left;	
			line-height:40px;
			
			border-bottom:1px solid #E4D3D3;	
			}
		.chengji table{
			width:300px;
			margin-left:25px;
			}
		.chengji table td{
			
			text-align:left;
			line-height:24px;
			}
		.clos{
			position:absolute;
			right:25px;top:15px;
			cursor:pointer;	
			width:25px;
			}
		.cx_left{
			border:0;
			border-bottom:1px solid #999999;
			line-height:20px;
			padding:8px 0px 0px 20px;
			width:160px;
			}
		.cx{
			border-radius:50%;
			width:56px;
			height:56px;
			border:0;
			position:
			absolute;
			top:13px;
			right:40px; 
			background:#a74752;
			cursor:pointer;
			}
			
	.pen_box{width:120px;height:225px; background:white;padding-top:20px;}
	.pen1,.pen2{width:100px;height:32px; background:#e93a3a; margin-left:auto;margin-right:auto;color:white; font-size:12px;padding-left:10px; line-height:32px;cursor:pointer;border-radius:4px;}
	.pen2{margin-top:10px;}
	.pen_box img{margin-right:6px;}
	.pen_w{font-size:14px;text-align:center;margin-top:18px;}
	.pen_t{text-align:center;margin-top:8px;}
	.out_link{width:60px;position:fixed;right:45px;bottom:100px; z-index:101;}
	.out_link img{margin-bottom:18px;cursor:pointer; backface-visibility:hidden;}
	.out_link li:hover img{transform:rotate(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg); transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;}
	.rote{transform:rotateY(180deg);position:absolute;left:0;}
	.out_link li:hover .rote{transform:rotateY(360deg)}
	
	.exam_room{position:fixed; z-index:10005;left:50%;margin-left:-200px;background:white;top:300px;width:400px;}
	.exam_room table{margin:20px 20px 8px 20px;width:300px; margin-left:auto; margin-right:auto;}
	.exam_room table tr td{padding:0; line-height:26px;}
	.exam_room input{width:120px;height:30px;background:red;color:white;border:0; font-size:16px;margin-left:140px;border-radius:3px;margin-top:8px; margin-bottom:15px;}
	
	.exam_area{width:420px;border:1px solid #b2adad;position:fixed;top:300px;left:50%;margin-left:-210px;z-index:10005;background-color:white;}
	.exam_area p{width:300px;border:1px solid #b2adad;margin-bottom:10px;line-height:25px;padding-left:5px;}
	.exam_p{width:300px;margin-left:auto;margin-right:auto;font-size:15px;color:#726B6B;margin-top:20px;}
	.exam_area input{width:100px;height:26px;background:red;color:white;border:0; font-size:16px;margin-top:5px; margin-bottom:15px; font-size:14px;}
	
	.graded{width:300px;margin-left:25px;margin-top:15px;}
	.graded p{float:left; line-height:30px; border:1px solid #a49e9e;width:100px; font-size:12px;}
			
				
/*考区查询*/				
	.kc_mar{margin-top:35px; margin-bottom:15px;}
	.kc_ta{margin-left:40px;margin-bottom:30px;}
