/*the global*/
body{font-size:12px;  font-family: "Microsoft Yahei"; letter-spacing:0px; min-width:1000px; background:#000}
a:focus,a:active,a:hover{ outline:none}

.global-footer{ color:#666; background:#000;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#666;}

.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *width:1300px; *height: 800px; background: #000; filter: alpha(opacity=50); opacity: .5; }
:root .mask { -webkit-filter: none \0; filter: none \0; }

.corner1,.corner2,.corner3,.corner4, .ico-right, .ico-fault{ display:inline-block; vertical-align:middle; background:url(http://ue2.17173cdn.com/a/ow/zt/2016/yxcs/img/sprite.png) no-repeat;}
.corner1,.corner2,.corner3,.corner4{ width: 15px; height: 15px; position: absolute; z-index: 10;}
.corner1{ background-position: 0 0; left:0; top:0;}
.corner2{ background-position: -15px 0; right:0; top:0;}
.corner3{ background-position: -15px -15px; right:0; bottom:0;}
.corner4{ background-position: 0 -15px; left:0; bottom:0;}

.ico-fault, .ico-right{ margin-top:12px;}
.ico-fault{ width: 30px; height: 30px; background-position: 0 -35px;}
.ico-right{ width: 36px; height: 30px; background-position: -30px -35px;}

.ico-fy, .ico-cz, .ico-zy, .ico-tj,
.ico-sx, .ico-sx1, .ico-sx2, .ico-sx3{ display:inline-block; vertical-align:middle; background:url(http://ue2.17173cdn.com/a/ow/zt/2016/yxcs/img/sprite-png24.png) no-repeat;}
.ico-fy, .ico-cz, .ico-zy, .ico-tj,
.ico-sx, .ico-sx1, .ico-sx2, .ico-sx3{ width: 25px; height: 26px; margin:0 0 3px 0; *margin:15px 0 19px 0;}
.ico-sx, .ico-sx1, .ico-sx2, .ico-sx3{ margin-right:10px;}
.ico-sx{ background-position: 0 -180px;}
.ico-sx1{ background-position: -25px -180px;}
.ico-sx2{ background-position: 0 -206px;}
.ico-sx3{ background-position: -25px -206px;}
.ico-cz{ background-position: 0 -232px;}
.ico-zy{ background-position: -25px -232px;}
.ico-tj{ background-position: -50 -232px;}
.ico-fy{ background-position: -75px -232px;}


.bt{ display: inline-block; width: 250px; height: 70px; background: #ffc70e; text-align: center; line-height: 70px; font-size: 30px; color:#511616; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); border-radius: 4px;}
.bt span{ font-size: 12px;}
.bt:hover{ background: #fff;}

.bt1{ display: inline-block; width: 170px; height: 52px; background: #274b74; text-align: center; line-height: 52px; font-size: 16px; color:#fff; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); border-radius: 4px;}
.bt1-ex{}
.bt1-ex, .bt1:hover{ background: #ffc70e; color:#511616;}
.bt1:hover{ text-decoration: underline;}

.bt-right, .bt-fault{ display: inline-block; margin:0 5px; padding:5px; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); border-radius: 4px;}
.bt-right .bt-in, .bt-fault .bt-in{ display: inline-block; width: 120px; height: 52px; background: #274b74; text-align: center;  border-radius: 4px;}
.bt-active{ padding:4px; border:1px solid #ffc70e;}
.bt-active .bt-in, .bt-right:hover .bt-in, .bt-fault:hover .bt-in { background: #ffc70e}
.bt-active .ico-fault, .bt-fault:hover .ico-fault{ background-position: 0 -65px;}
.bt-active .ico-right, .bt-right:hover .ico-right{ background-position: -30px -65px;}

.content{ width: 1000px; margin:0 auto; height: 904px; position: relative; *zoom:1;}
.zt-tit{ font-size: 56px; color:#fff;font-style: italic; text-align: center;}

/*the page-index*/ 
.page-index .wrapper{ background: url(http://i1.17173cdn.com/2fhnvk/YWxqaGBf/cms3/QGtDmableaAzukk.jpg) no-repeat center top;}
.page-index .content-in{ width: 100%; position: absolute; left:0; bottom:30px; text-align: center;}
.page-index .zt-tit{ margin-bottom:20px;}
.page-index .zt-intro{ font-size: 14px; color:#fff; text-align: left; width: 80%; margin:0 auto; margin-bottom:30px;}
.page-index .zt-tip{ color:#fff; margin-top:10px; font-size: 14px;}
.page-index .zt-tip strong{ color:#ffc70e; font-weight: bold; margin:0 5px;}

.zt-source{ position: absolute; right:0; top:10px;}
.zt-source a{ font-size: 16px; color:#ffc70e; position: relative; *zoom:1;}
.zt-source a i{ display: inline-block; width: 40px; height: 3px; background: #ffc70e; font-size: 0; line-height: 0; position: absolute; left:50%; margin-left:-20px; bottom:-8px;}

/*the page-que*/

.cars {display: none; width:100%; margin: 0 auto; }
.owl-theme .owl-controls .owl-buttons div { position: absolute; top:100px; width:75px; height:176px; background:url(http://ue2.17173cdn.com/a/ow/zt/2016/yxcs/img/sprite-png24.png) no-repeat; overflow: hidden;}
.owl-theme .owl-controls .owl-buttons div:hover {filter: alpha(opacity=80); opacity: .8;}
.owl-theme .owl-controls .owl-buttons .owl-next {right: 0; background-position: 0 0;}


.page-que .wrapper{ background: url(http://i1.17173cdn.com/2fhnvk/YWxqaGBf/cms3/VjHSBKbleaADmyh.jpg) no-repeat center top;}
.page-que .content{ width: 100%;}
.page-que .zt-tit{ padding:80px 0 30px;}

.page-num{ text-align: center; font-size: 30px; color:#fff; font-family: "Arial"; font-style: italic;}
.page-num strong{ color:#ffc70e; font-size: 50px;  font-style: italic;}

.pn-que{ position: relative; *zoom:1; width: 1000px; margin:0 auto;}
.mod-que{ border:1px solid #0f3140; position: relative; *zoom:1; z-index: 1; padding:0 70px; overflow: hidden;}
.mod-que .mask{filter: alpha(opacity=36); opacity: .36;}
.mod-que .mod-hd{ padding:30px 0;}
.mod-que .mod-hd .tit{ font-size: 32px; font-weight: bold; color:#00c3ff; font-style: italic;}
.mod-que .mod-bd{ padding-bottom:60px;}

.list-que{ overflow: hidden; *zoom:1; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); padding-top:20px;}
.list-que .item{ float: left; margin:0 0 20px 100px; _display:inline;}
.list-que .con{ display: block; border-radius: 4px; padding:5px;}
.list-que .con .in{ display: block; border-radius: 4px; width: 230px; height: 50px; background: #274b74; line-height:50px; color:#fff;}
.list-que .num{ font-size: 50px; font-weight: bold; font-family: "Arial"; vertical-align: middle; padding:0 10px;}
.list-que .tit{ font-size: 16px; vertical-align: middle;}
.list-que .active .con{ padding:4px; border:1px solid #ffc70e;}
.list-que .con:hover .in, .list-que .active .con .in{ background: #ffc70e; color:#511616;}

.list-que1{ overflow: hidden; *zoom:1; margin:0 -3px;}
.list-que1 .item{ float: left; margin:0 3px; _display:inline; width:208px;}
.list-que1 .con, .list-que1 .con .in, .list-que1 .c1, .list-que1 .c2{ display: block;}
.list-que1 .con{ padding:4px;}
.list-que1 .con .in{ position: relative; *zoom:1;}
.list-que1 .c2{ position: absolute; left:0; bottom:0; width: 100%; height: 60px; overflow: hidden; z-index: 1; font-size: 46px; color:#fff; font-weight: bold; font-family: "Arial"; text-align: center; line-height: 60px;}
.list-que1 .c2 .mask{ background: #0a3361; filter: alpha(opacity=60); opacity: .60;}
.list-que1 .active .con{ padding:3px; border:1px solid #ffc70e;}
.list-que1 .active .con .c2, .list-que1 .con:hover .c2{ color:#511616;}
.list-que1 .active .con .mask, .list-que1 .con:hover .mask{ background: #ffc70e; -webkit-filter:none; filter:none; opacity:1; filter:alpha(opacity=100);}

.box-judge{ text-align: center;}
.box-judge .c2{ margin-top:20px;}

/*the page-result*/
.page-result .wrapper{ background: url(http://i2.17173cdn.com/2fhnvk/YWxqaGBf/cms3/joDtbpbldEdrCpa.jpg) no-repeat center top;}
.page-result .zt-tit{ padding:80px 0 10px; height: 84px; overflow: hidden;}

.pn-result .pn-hd{ height: 48px; overflow: hidden; padding-bottom:28px;}
.pn-result .pn-hd .tit{ font-size: 32px; color:#00c3ff; font-weight: bold; text-align: center;}
.pn-result .pn-bd{ position: relative; *zoom:1; padding-bottom:15px;}
.pn-result .pn-ft{ text-align: center; padding-top:70px;}
.pn-result .pn-ft .bt1{ margin:0 5px;}

.mod-result-avatar{ width: 320px; margin:0 auto; position: relative; *zoom:1; padding-top:20px;}
.mod-result-avatar .tit{ font-size: 24px; font-weight: bold; color:#fff; height: 48px; line-height: 48px; padding:0 24px 0 12px; position: absolute; left:0; bottom:0; background: url(http://ue2.17173cdn.com/a/ow/zt/2016/yxcs/img/sprite-png24.png) no-repeat right -258px;}

.mod-result-info{ position: absolute; left:0; top:40px;}
.list-result-info li{ font-size: 16px; color:#fff; line-height: 60px;}
.list-result-info li strong{ color:#00c3ff;}

.mod-result-intro{ width: 260px; position: absolute; right:10px; top:48px;}
.mod-result-intro .mod-hd .tit{ font-size: 18px; color:#00c3ff; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); text-align: right; padding:0 5px 0 0; margin-bottom:20px;}
.mod-result-intro .mod-bd p{ font-size: 14px; color:#fff; line-height: 1.572;}

.mod-share{ width: 280px; position: absolute; right:0; bottom:0;}
.mod-share .gb-share .gb-share-title{ color:#fff;}

.form-issue{}
.form-item{ margin-bottom:15px; overflow: hidden; *zoom:1;}
.form-item-hd{ float:left; height: 30px; line-height: 30px; overflow:hidden;}
.form-item-hd .tit{ float: left; font-size: 14px; color:#333; }
.form-item-bd{overflow: hidden; *zoom:1;}
.form-group{ position: relative; *zoom:1; background: #e8e8e8; border:1px solid #e8e8e8; padding:8px 10px;}
.form-text{ height: 24px; line-height: 24px; border:0; width: 100%; font-size: 14px; color:#333; outline: none; background: none;}
.form-textarea{ border:0; width: 100%; font-size: 14px; color:#333; padding:8px 0; line-height: 24px; height: 100px; outline: none}

.form-bt-submit, .form-bt-cancle{ width: 120px; height: 40px; background: #00a5b8; color:#fff; font-size: 16px; border:none; cursor: pointer; border-radius: 30px;}
.form-bt-submit:hover{ background:#06b8cd;}
.form-bt-cancle{ background: #999;}
.form-bt-cancle:hover{ background: #b4b4b4;}
.form-opera{ overflow: hidden; *zoom:1; text-align: center;}

.pop{ display: none; position:fixed; z-index:700; *zoom:1; left: 50%; margin-left: -170px; top: 20%; _position:absolute;}
.pop-mask{width: 100%; height: 100%; background: #fff; position: fixed; background:#000; filter:alpha(opacity:70); opacity:0.7; filter:alpha(opacity=70); top: 0; left: 0; display: none; z-index: 20;}

.pop-in{ position:relative; *zoom:1; width: 340px; background: #fff}
.pop-in .close{ position:absolute; right:0; top:0; font-size:30px; _font-size:24px; color:#999; z-index:10; width: 36px; height: 30px; text-align: center; line-height: 30px;}
.pop-in img{ vertical-align:middle;}
.pop-in .close:hover{ color:#000; text-decoration:none;}

.pop-hd{ padding-top:10px;}
.pop-hd .tit{ font-size: 24px; color:#333; line-height: 48px; padding:0 16px; text-align: center;}
.pop-bd{ padding:15px 40px;}
.pop-bd .txt{ font-size: 14px; color:#999;}
.pop-bd .up{ color:red;}

.pop-tip .pop-hd .tit{ color:#00c3ff;}
.pop-tip .pop-bd{ padding:10px 40px 15px;}