@charset "UTF-8";
.wrap:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }

.annouce a:hover { color: #dd3635; }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot");
  /* IE9 */
src: url("../font/iconfont.eot#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-tiaojian1:before { content: "\e704"; }

.icon-shijian:before { content: "\e636"; }

.icon-baoliu:before { content: "\e608"; }

.icon-tiaoji:before { content: "\e677"; }

.icon-yuanxiao:before { content: "\e689"; }

.icon-kemu:before { content: "\e956"; }

.icon-feiyong:before { content: "\e614"; }

.icon-tiaojian:before { content: "\e700"; }

.icon-shangke:before { content: "\e607"; }

.icon-liucheng:before { content: "\e656"; }

.icon-chaxun:before { content: "\e657"; }

.icon-xuzhi:before { content: "\e717"; }

.icon-zhengshu:before { content: "\e651"; }

.icon-zhuanye:before { content: "\e698"; }

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; }

input, textarea { outline: none; }

body, html { width: 100%; height: 100%; }

body { font: 400 16px/1.8 "PingFang SC","Microsoft Yahei","Avenir","Segoe UI","Hiragino Sans GB","STHeiti","Microsoft Sans Serif","WenQuanYi Micro Hei","sans-serif"; color: #333; min-width: 1200px; }

div { box-sizing: border-box; }

a { text-decoration: none; outline: none; }

a:hover { text-decoration: none; }

em { font-style: normal; }

li { list-style: none; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { outline: none; -webkit-appearance: none; }

input, select, textarea { font-size: 100%; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; }

.clearfix { zoom: 1; }

.con { width: 1200px; margin: 0 auto; }

.clear { clear: both; }

.color1 { color: #311bce; }

.fs16 { font-size: 16px; }

.fs18 { font-size: 18px; }

.fs24 { font-size: 24px; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mb5 { margin-bottom: 5px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.pb20 { padding-bottom: 20px; }

.mt40 { margin-top: 40px; }

.ti2 { text-indent: 2em; }

.tal { text-align: left; }

.hide { display: none; }

.header a:hover { color: #2484c0; }

.sucBox { width: 160px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.6); line-height: 60px; position: fixed; top: 50%; margin-top: -30px; left: 50%; margin-left: -80px; border-radius: 8px; display: none; }

/** header **/
.header { height: 43px; line-height: 43px; position: relative; }
.header .logo { position: absolute; left: 30px; }
.header .logo img { height: 43px; }
.header-ul { width: 1200px; text-align: center; }
.header-ul li { display: inline-block; margin-left: 45px; }
.header a { color: #333; font-size: 14px; }
.header-right { font-size: 0; position: absolute; right: 30px; }
.header-right a { position: relative; margin-left: 20px; }
.header-right a:first-child { background-color: rgba(49, 27, 206, 0.2); border-radius: 4px; display: inline-block; width: 56px; text-align: center; height: 24px; line-height: 24px; color: #311bce; }
.header-right a:first-child:hover { opacity: .9; }

/** wrap **/
.wrap { width: 1200px; margin: 0 auto 60px; }
.wrap-tit { font-size: 30px; font-weight: bold; border-bottom: 1px solid rgba(49, 27, 206, 0.2); line-height: 60px; }
.wrap-tit h1, .wrap-tit h2, .wrap-tit em { font-size: 30px; display: inline-block; position: relative; padding-left: 22px; }
.wrap-tit h1:after, .wrap-tit h2:after, .wrap-tit em:after { content: ''; width: 5px; height: 30px; background-color: #311bce; position: absolute; top: 50%; margin-top: -15px; left: 0; border-radius: 5px; opacity: .5; }
.wrap-tit1 { border-bottom: none; font-size: 36px; }
.wrap-tit1 h1, .wrap-tit1 h2, .wrap-tit1 em { padding-left: 0; font-size: 36px; }
.wrap-tit1 h1:after, .wrap-tit1 h2:after, .wrap-tit1 em:after { content: normal; }
.wrap-tit .more { float: right; font-size: 16px; color: #999; margin-top: 4px; font-weight: normal; }
.wrap-con { margin-top: 30px; }

.kmList { width: 1200px; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); border-radius: 8px; margin: 0 auto; height: 100px; display: table; }
.kmList dl { width: 400px; display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 40px; position: relative; }
.kmList dl:before { content: ''; width: 1px; height: 53px; background-color: #f5f5f5; position: absolute; left: 0; }
.kmList dl:first-child:before { content: normal; }
.kmList dl dt { width: 22px; height: 48px; background-color: #8b98ca; border-radius: 4px; color: #fff; font-size: 14px; text-align: center; float: left; margin-right: 20px; margin-top: 4px; }
.kmList dl dt a, .kmList dl dt span { color: #fff; display: table-cell; vertical-align: middle; height: 48px; font-weight: bold; line-height: 18px; }
.kmList dl dd { display: inline-block; margin-right: 32px; line-height: 24px; }
.kmList dl dd a { color: #333; font-size: 16px; }
.kmList dl dd a:hover { color: #dd3635; }
.kmList dl dd a.hot { position: relative; font-weight: bold; color: #f86736; }
.kmList dl dd a.hot::before { content: ''; position: absolute; right: -12px; top: -6px; }
.kmList dl dd a.blue { color: #3258ed; font-weight: bold; }
.kmList dl dd a.green { color: #2eb94d; }
.kmList dl dd a.brown { color: #e6752d; font-weight: bold; }

.annouce { background-image: -webkit-linear-gradient(left, #FAF1EF, rgba(255, 255, 255, 0)); background-image: linear-gradient(to right, #FAF1EF, rgba(255, 255, 255, 0)); font-size: 14px; line-height: 40px; width: 1200px; padding: 0 20px; padding-left: 65px; position: relative; box-sizing: border-box; border-radius: 4px; margin-top: 20px; }
.annouce::after { content: ''; position: absolute; width: 1200px; height: 42px; background-image: linear-gradient(to right, #f9decd, rgba(249, 222, 205, 0)); background-image: -webkit-linear-gradient(left, #f9decd, rgba(249, 222, 205, 0)); left: -1px; top: -1px; z-index: -1; border-radius: 4px; }
.annouce ul { width: 100%; }
.annouce ul li { display: inline-block; margin-right: 40px; }
.annouce a { color: #666; }
.annouce .icon { position: absolute; left: 20px; top: 50%; margin-top: -10px; }

/* special */
.special .wrap-con { margin-top: 20px; }

.swiper-con { position: relative; }
.swiper-ul { width: 1200px; height: 180px; overflow: hidden; position: relative; margin-bottom: 20px; box-sizing: border-box; }
.swiper-ul li { width: 237px; float: left; height: 210px; padding-top: 10px; }
.swiper-ul li a { margin: 0 10px; width: 212px; height: 156px; display: block; }
.swiper-ul li a img { width: 100%; height: 100%; transition: transform .3s; }
.swiper-ul li a img:hover { transform: translateY(-10px); }
.swiper-out { width: 1180px; overflow: hidden; margin-left: 10px; }
.swiper-btn ul { width: 1200px; text-align: center; }
.swiper-btn ul li { margin-top: 2px; width: 13px; height: 13px; background: #e3e3e3; border-radius: 50%; text-indent: 99999em; overflow: hidden; margin-left: 10px; cursor: pointer; display: inline-block; }
.swiper-btn ul li.on { background: url(../images/ss.png) no-repeat; width: 18px; height: 18px; vertical-align: middle; margin-top: -4px; }
.swiper-btn a { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -50px; }
.swiper-btn a.prev { background: url(../images/prev.png) no-repeat; left: -50px; }
.swiper-btn a.next { background: url(../images/next.png) no-repeat; right: -50px; }

.leftServe { position: fixed; left: 50%; margin-left: -730px; width: 120px; background-color: #fff; text-align: center; padding-top: 10px; z-index: 20; padding-bottom: 17px; top: 275px; line-height: 1.6; display: none; }
.leftServe.show { display: block; }
.leftServe:before { content: ''; border-bottom: 35px solid #2b70ae; border-left: 60px solid transparent; border-right: 60px solid transparent; position: absolute; width: 120px; bottom: 100px; left: 0; box-sizing: border-box; z-index: -1; }
.leftServe:after { content: ''; background-color: #2b70ae; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: -1; }
.leftServe .tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.leftServe .tit p { font-size: 12px; font-weight: normal; color: #666; }
.leftServe .cont { margin-top: 5px; }
.leftServe .cont img { width: 80px; height: 80px; border: 7px solid #fff; }
.leftServe .cont p { font-size: 12px; color: #666; margin-top: -7px; }
.leftServe .cont .colorfff { color: #fff; margin-top: 0; }
.leftServe .btn { font-size: 12px; height: 22px; line-height: 22px; border-radius: 22px; border: 1px solid #fff; color: #fff; display: inline-block; padding: 0 10px; margin-top: 10px; }

/**热门**/
.hotList { padding-bottom: 30px; }
.hotList .wrap { margin-bottom: 0; }
.hotList .list { float: left; width: 382px; margin-left: 27px; }
.hotList .list:first-child { margin-left: 0; }
.hotList .list1 li { float: left; width: 50%; line-height: 60px; height: 60px; overflow: hidden; }
.hotList .list1 li img { width: 40px; height: 40px; margin-right: 14px; }
.hotList .list1 li a { font-size: 16px; color: #333; }
.hotList .list1 li a:hover { color: #dd3635; }
.hotList .list2 li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; display: inline-block; background-color: #311bce; vertical-align: middle; margin-right: 8px; opacity: .5; }
.hotList .list3 li { line-height: 50px; height: 50px; overflow: hidden; }
.hotList .list3 li a { font-size: 16px; color: #333; }
.hotList .list3 li a:hover { color: #dd3635; }

/** wrap-bottm **/
.wrap-bottom { min-width: 1200px; height: 192px; text-align: center; position: relative; background-color: #F5F6FA; }
.wrap-bottom .wrap { margin-bottom: 0; }
.wrap-bottom .wrap-con { margin-top: 0; }
.wrap-bottom .btn { position: absolute; bottom: 60px; width: 1200px; }
.wrap-bottom .btn a { display: inline-block; width: 320px; height: 64px; line-height: 64px; border-radius: 70px; font-size: 18px; color: #fff; background-color: #3258ed; margin: 0 40px; transition: background-color 0.3s; position: relative; overflow: hidden; box-shadow: 0px 20px 30px 0px rgba(50, 88, 237, 0.3); }
.wrap-bottom .btn a > i { display: inline-block; opacity: 0; color: #fff; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-style: normal; }
.wrap-bottom .btn a:hover { opacity: .9; }
.wrap-bottom .btn a:hover:before { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.wrap-bottom .btn a:hover > i { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.wrap-bottom .btn a:hover > i:nth-child(1) { -webkit-transition-delay: 0.045s; transition-delay: 0.045s; }
.wrap-bottom .btn a:hover > i:nth-child(2) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; }
.wrap-bottom .btn a:hover > i:nth-child(3) { -webkit-transition-delay: 0.135s; transition-delay: 0.135s; }
.wrap-bottom .btn a:hover > i:nth-child(4) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; }
.wrap-bottom .btn a:before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.wrap-bottom .btn a:first-child { background-color: #f86736; box-shadow: 0px 20px 30px 0px rgba(248, 103, 54, 0.3); }

.wrapper { width: 1200px; margin: 0 auto; }

.footer-index-up ul { margin-right: 86px; }
.footer-index-up ul.spe { margin-right: 0; }
.footer-index-up li { line-height: 26px; font-size: 14px; color: #666; }
.footer-index-up li.tit { line-height: 30px; font-size: 16px; font-weight: 700; }
.footer-index-up li a { font-size: 14px; }
.footer-index-up dl { margin-left: 38px; width: 80px; text-align: center; }
.footer-index-up dl .spe { margin-left: 0; }
.footer-index-up dl dd { line-height: 26px; font-size: 14px; font-weight: 700; color: #666; }
.footer-index-up dl dt { width: 80px; height: 80px; }
.footer-index-up dl dt img { width: 100%; height: 100%; }

.footer-index-mid { text-align: center; }
.footer-index-mid a { display: inline-block; margin-left: 8px; margin-right: 8px; }

.footer-index-botm { text-align: center; color: #666; font-size: 12px; }

.footer-index { background-color: #fff; padding-top: 60px; }
.footer-index a { color: #666; }
.footer-index a:hover { color: #dd3635; }

.goTop { width: 55px; height: 55px; position: fixed; right: 150px; bottom: 30px; background: #b31952 url(../images/goTop.png) no-repeat center center; cursor: pointer; display: none; }
.goTop:hover { background-color: #9a1041; }

.right-kefu { position: fixed; right: 19px; top: 30%; font-size: 12px; z-index: 999; line-height: 1; }

.right-kefu ul li { position: relative; }

.kefu-close { position: absolute; width: 14px; height: 14px; background: url(../images/right-kefu.png) no-repeat; background-position: -70px -40px; right: 0; top: -16px; }

.kefu-hov { width: 50px; height: 50px; background: #fff; display: block; text-align: center; margin-bottom: 5px; }

.kefu-hov i { display: inline-block; background: url(../images/right-kefu.png) no-repeat; }

.kefu-online { width: 50px; height: 70px; background: #2b70ae; text-align: center; margin-bottom: 5px; display: block; }

.kefu-online i { width: 27px; height: 25px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; background-position: -150px -5px; margin-top: 7px; }

.kefu-online p { color: #fff; line-height: 14px; }

.kefu-phone i { width: 22px; height: 28px; background-position: -5px -5px; margin-top: 13px; }

.kefu-code i { width: 29px; height: 23px; background-position: -35px -5px; margin-top: 15px; }

.kefu-share i { width: 26px; height: 26px; background-position: -71px -5px; margin-top: 13px; }

.kefu-apply i { width: 26px; height: 25px; background-position: -105px -5px; margin-top: 13px; }

.kefu-gotop { display: none; float: left; }

.kefu-gotop i { width: 25px; height: 15px; background-position: -35px -40px; margin-top: 17px; }

.kefu-font { display: none; }

.kefu-con { position: absolute; right: 50px; top: 0; padding-right: 10px; display: none; width: 134px; }

.kefu-hide { background: #fff; border: 1px solid #ecebeb; padding: 10px; box-shadow: 0 0 10px #ddd; }

.kefu-arrow { width: 7px; height: 10px; background: url(../images/right-kefu.png) no-repeat; background-position: -150px -60px; position: absolute; right: 4px; top: 10px; }

.kefu-ol-con { border-top: 1px solid #F2F2F2; padding-top: 10px; }

.kefu-ol .kefu-ol-con:first-child { border-top: none; padding-top: 0; }

.kefu-hide .kefu-tit { color: #2b70ae; font-size: 14px; font-weight: normal; }

.kefu-ol-con ul li a { width: 52px; height: 22px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; margin-top: 10px; margin-bottom: 10px; }

.kefu-ol-con ul li:first-child a { margin-right: 6px; }

.kefu-ol-con ul li { float: left; }

.kefu-ol-con ul li a.kefu-qq { background-position: -5px -60px; }

.kefu-ol-con ul li a.kefu-zx { background-position: -70px -60px; }

.kefu-hide .kefu-mobile .kefu-h3 { color: #a4a3a3; margin-bottom: 10px; }

.kefu-hide .kefu-fx .kefu-tit { color: #a4a3a3; }

.kefu-hide .kefu-mobile .kefu-h3.kefu-time:before { content: ''; width: 14px; height: 14px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; background-position: -105px -40px; vertical-align: middle; margin-right: 3px; margin-top: -2px; }

.kefu-hide .kefu-mobile .kefu-h4 { color: #dd3635; font-size: 19px; white-space: nowrap; margin-bottom: 16px; font-family: arial; font-weight: normal; }

.kefu-con, .kefu-hide { box-sizing: content-box; }

.kefu-ewm img { width: 111px; height: 111px; }

.kefu-ewm p { color: #706f6f; margin-top: 5px; text-align: center; }

.kefu-more { width: 50px; display: block; text-align: center; background: #fff; margin-bottom: 5px; display: none; float: left; }

.kefu-more i { width: 22px; height: 7px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; background-position: -5px -40px; }

#share-iconn { margin-right: -10px; }

#share-iconn a { margin-right: 10px; margin-top: 10px; margin-bottom: 0; padding: 0; width: 30px; height: 30px; background: url(../images/right-kefu.png) no-repeat; float: left; }

#share-iconn a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }

#share-iconn .bds_qzone { background-position: 0 -36px; }

#share-iconn .bds_weixin { background-position: -5px -140px; }

#share-iconn .bds_tsina { background-position: -80px -100px; }

#share-iconn .bds_tqq { background-position: -40px -100px; }

#share-iconn .bds_renren { background-position: 0 -144px; }

#share-iconn .bds_sqq { background-position: -39px -140px; }

#share-iconn .bds_bdhome { background-position: -5px -100px; }

#share-iconn .bds_more { background-position: -80px -140px; }

.kefu-hob { transition: background .5s; background: #2b70ae; color: #fff; }

.kefu-hob:hover { color: #fff; }

.kefu-hob i.kefu-i { display: none; }

.kefu-hob p.kefu-font { display: block; padding-top: 11px; line-height: 14px; }

.icon-sprite, .icon-dot, .icon-hot, .icon-laba, .kmList .hot::before { background-image: url('../images/icon-s9f4291a5d1.png'); background-repeat: no-repeat; }

.icon-dot { background-position: 0 -20px; height: 38px; width: 115px; }

.icon-hot { background-position: 0 0; height: 14px; width: 14px; }

.icon-laba { background-position: -14px 0; height: 20px; width: 20px; }

.icon { display: inline-block; vertical-align: middle; }

.kmList .hot::before { background-position: 0 0; height: 14px; width: 14px; }

.header { padding: 30px; position: absolute; width: 100%; box-sizing: border-box; height: 103px; z-index: 16; }

body { background-color: #fff !important; }

/** banner **/
.banner { position: relative; background: url("../images/bg.png") repeat-x center; }
.banner .wrap { margin-bottom: 0; position: relative; z-index: 6; }
.banner .cont { height: 450px; width: 1200px; text-align: center; padding-top: 180px; }
.banner h1 { font-size: 64px; font-weight: bold; text-shadow: 2px 2px 2px #fff; line-height: 1.4; color: #2e324f; }
.banner h1 span { color: #311bce; }
.banner p { color: #666; }
.banner .btn { margin-top: 50px; }
.banner .btn a { display: inline-block; width: 208px; height: 56px; line-height: 56px; background-color: #311bce; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; color: #fff; border: 1px solid #311bce; position: relative; overflow: hidden; transition: transform .3s; }
.banner .btn a:hover { opacity: .9; transform: translateY(-10px); }
.banner .btn a:first-child { background-color: #fff; margin-right: 10px; color: #311bce; }

.guide { box-shadow: 0px 0px 30px 0px rgba(49, 27, 206, 0.1); border-radius: 16px; padding: 30px 40px; margin-top: -20px; font-size: 18px; margin-bottom: 60px; }
.guide .wrap-tit span { font-family: "Impact"; font-weight: bold; font-size: 46px; color: rgba(102, 102, 102, 0.05); line-height: 1; vertical-align: -4px; margin-left: 5px; }
.guide p { margin-top: 15px; }
.guide .wrap-left { width: 530px; }
.guide .video { width: 530px; }

.special { padding-bottom: 1px; }

.hotList, .special { background-color: #fff; }

.hotList .list:hover { transform: translateY(0); }

.list, .tishi li { transition: transform .3s; }
.list:hover, .tishi li:hover { transform: translateY(-10px); }

.wrap-tit2 { text-align: center; margin-bottom: 30px; }
.wrap-tit2 h2, .wrap-tit2 h3, .wrap-tit2 em { font-size: 28px; font-weight: bold; }

.intro { margin-bottom: 30px; }
.intro .list { float: left; width: 380px; height: 370px; box-shadow: 0px 0px 30px 0px rgba(49, 27, 206, 0.1); border-radius: 16px; margin-left: 30px; padding: 40px; position: relative; margin-bottom: 30px; }
.intro .list:nth-child(3n-2) { margin-left: 0; }
.intro .listc { padding-top: 115px; text-align: center; }
.intro .listc .tit { margin-bottom: 15px; }
.intro .listh { height: 465px; }
.intro .tit { font-size: 24px; font-weight: bold; margin-bottom: 25px; }
.intro .tit h2, .intro .tit h3 { font-size: 24px; display: inline-block; }
.intro .tit .icon { float: right; }
.intro .push { text-decoration: underline; color: #311bce; position: absolute; font-size: 14px; bottom: 30px; left: 40px; }
.intro .push a { color: #311bce; }
.intro .btn a { display: block; background-color: #f86736; box-shadow: 0px 20px 30px 0px rgba(248, 103, 54, 0.3); height: 48px; line-height: 48px; border-radius: 48px; color: #fff; }
.intro .btn a:hover { opacity: .9; }

.question { display: table; margin-top: 30px; }
.question .list { padding: 30px 60px 30px 30px; font-size: 16px; display: table-cell; width: 615px; position: relative; }
.question .list:after { content: ''; width: 585px; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 1; box-shadow: 0px 0px 30px 0px rgba(49, 27, 206, 0.1); border-radius: 16px; border-radius: 8px; }
.question .list:nth-child(2n) { padding-right: 30px; width: 585px; }
.question .list span { width: 24px; height: 24px; line-height: 24px; background-color: #311bce; border-radius: 4px; text-align: center; color: #fff; font-size: 14px; margin-right: 6px; float: left; margin-top: 3px; }
.question .list p { margin-left: 32px; }
.question .list-q, .question .list-a { position: relative; z-index: 2; }
.question .list-q { margin-bottom: 20px; }
.question .list-q p { font-size: 18px; font-weight: bold; margin-top: -2px; color: #311bce; }
.question .list-a span { background-color: #f86736; }