* {padding: 0; margin: 0; box-sizing: border-box;}
body {font-family: Microsoft YaHei, Helvetica, sans-serif;background: #fff; width: 100%; overflow-x: hidden;}
a {text-decoration: none;}

.pWidth {width: 1080px; float: left; position:relative; left: 50%; transform: translateX(-50%);}

.header {width: 100%; position: fixed; top: 0;left: 0; z-index: 2;}
.header > .sonTop {width: 100%; float: left; padding: 0.08rem; background: #434343; margin-top: 0.18rem;}
.header > .sonTop .pWidth > .sonRight {float: right;}
.header > .sonTop .pWidth > .sonRight > a {width: 1.3rem; float: left; margin-right: 0.34rem; font-size: 0.16rem; line-height: 0.3rem; color: #fff; text-align: center; border-radius: 0.25rem; background: #2e73ff;}
.header > .sonTop .pWidth > .sonRight > a + a {margin-right: 0;background: #f17a24;}
.header > .sonNav {width: 100%; float: left; padding-top: 0.18rem; background: url('../images/bg_nav.png')no-repeat center bottom #fff;}
.header > .sonNav .pWidth > a {width: 1.8rem; float: left; margin-left: 0.36rem; }
.header > .sonNav .pWidth > a > img {width: 100%; float: left;}
.header > .sonNav .pWidth > .sonList {width: calc(100% - 3rem); float: right; margin-right: 0.4rem; display: flex; justify-content: center;}
.header > .sonNav .pWidth > .sonList > a {width: 25%; float: left; font-size: 0.2rem; line-height: 0.72rem; color: #fff; text-align: center; position: relative;}
.header > .sonNav .pWidth > .sonList > a:hover {color: #b42e2e;}
.header > .sonNav .pWidth > .sonList > a + a::before {content: '';width: 1px; height: 100%; position: absolute; top: 0;left: 0; background: url('../images/icon_line.png')no-repeat center;}
.header > .sonNav .pWidth > .sonList > a:last-child {padding-right: 0;}

.right {width: 2.4rem; position: fixed; bottom: 1.4rem; right: 0; z-index: 2;}
.right > a {width: 100%; float: right; clear: both; height: 0.8rem; padding: 0.16rem; background: #fff; border-radius: 0.1rem 0 0 0.1rem; box-shadow: 5px 5px 15px #ab9899; transition: left 0.3s; position: relative; left: 72%;}
.right > a:hover {left: 0;}
.right > a + a {margin-top: 0.16rem;}
.right > a > i {width: 0.44rem; height: 0.44rem; float: left; background: url('../images/right_01.png')no-repeat center;background-size: 100%;}
.right > a > i.son_02 {background-image: url('../images/right_02.png');}
.right > a > i.son_03 {background-image: url('../images/right_03.png');}
.right > a > i.son_05 {background-image: url('../images/right_05.png');}
.right > a > span { width: calc(100% - 0.5rem); height: 0.48rem; overflow: hidden;float: right; font-size: 0.2rem; line-height: 1em; color: #b73232; text-align: center;}

.adDialog {width: 100%; height: 100%; position: fixed; top: 0; z-index: 3; background: rgba(0, 0, 0, 0.3); display: none;}
.adDialog > .sonContent {width: 7.5rem; float: left; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.adDialog > .sonContent > i {width: 0.46rem; height: 0.46rem; position: absolute; top: 0; right: 0; transform: translate(120%, -120%); cursor: pointer; z-index: 2; background: url('../images/icon_close.png');background-size: 100%;}
.adDialog > .sonContent > img {width: 100%; float: left; border: solid 2px #ff6e00; border-radius: 4px;}

.main {width: 100%; float: left; padding-top: 0.9rem;}
.main > .sonContent {width: 100%; float: left; background: url('../images/pc_bg_02.jpg') no-repeat center bottom #fff;}

.partOne {width: 100%; float: left;background: url('../images/pc_bg_01.jpg') no-repeat center top #fff;}
.partOne > .sonTop {width: 100%; float:left; margin-top: -1.16rem; font-size: 0.28rem; line-height: 0.68rem; color: #fff; text-align: center;background: url('../images/pc_bg_top.png') no-repeat center top #b73232; font-weight: 600;}
.partOne > .sonTips {width: 1080px; position: relative; left: 50%; transform: translateX(-50%); float:left; margin-top: 0.7rem; font-size: 0.34rem; line-height: 0.48rem; color: #fff; text-align: center;background: #b42e2e; margin-left: -2px;}
.partOne .pWidth { background: #eee;}
.partOne .pWidth > .sonTop {width: 100%; float: left; border-bottom: solid 1px #bfbfbf; display: flex;justify-content: center;}
.partOne .pWidth > .sonTop > i {width: 2.1rem; height: 0.66rem; background: url('../images/bg_left.png')no-repeat center;}
.partOne .pWidth > .sonTop > i.sonRight {background-image: url('../images/bg_right_01.png');}
.partOne .pWidth > .sonTop > span {float: left; padding:0 0.26rem; font-size: 0.26rem; line-height: 0.66rem; color: #497ef0; font-weight: 600;}
.partOne .pWidth > .sonBottom {width: 100%; float: left;}
.partOne .pWidth > .sonTips {width: 100%; float: left;font-size: 0.32rem; text-align: center; color: #b73232;}
.partOne .pWidth > .sonBottom > .sonList {width: calc(100% - 0.16rem); float: left; padding: 0.2rem 1rem; margin-top: 0.08rem; margin-left: 0.08rem; border: solid 1px #bfbfbf; border-radius: 4px;}
.partOne .pWidth > .sonBottom > .sonList > .sonItem {width: 100%; float: left; display: flex; justify-content: space-between;}
.partOne .pWidth > .sonBottom > .sonList > .sonItem + .sonItem {margin-top: 0.1rem; }
.partOne .pWidth > .sonBottom > .sonList > .sonItem > span {width: 1rem; height: 0.5rem; overflow: hidden; float: left; font-size: 0.24rem; line-height: 0.5rem; color: #222; padding: 0 0.2rem; border-radius: 4px; background: #fff; text-align: center;}
.partOne .pWidth > .sonBottom > .sonList > .sonItem > span + span { width: 4rem;}
.partOne .pWidth > .sonBottom > .sonList > .sonItem > i {width: 0.62rem; height: 0.2rem; float: left; background: url('../images/bg_right.png') no-repeat center top; background-size: 100%; margin-top: 0.15rem;}
.partOne .pWidth > .sonBottom > .sonList > .sonItem > a {width: 1.4rem; float:left; font-size: 0.24rem; line-height: 0.5rem; border-radius: 0.25rem; background: #b73232; color: #fff; text-align: center;}
.partOne .pWidth > .sonBottom > .sonButton {width: 100%; float: left; margin-top: 0.22rem; display: flex; justify-content: center;} 
.partOne .pWidth > .sonBottom > .sonButton > a {width: 2.54rem; height: 0.88rem; float: left; background: url('../images/bg_android.png')no-repeat center top; background-size: 100%; font-size: 0.26rem; line-height: 1.14em; color: #fff; text-align: center; padding-left: 0.72rem; padding-top: 0.1rem;}
.partOne .pWidth > .sonBottom > .sonButton > a + a {margin-left: 0.5rem; background-image: url('../images/bg_ios.png');}
.partOne .pWidth > .sonBottom > .sonInfo {width: 7.88rem; float: left; margin: 0.14rem 0;line-height: 0.76rem; color: #b73232; justify-content: center; display: flex;position: relative; left: 50%; transform: translateX(-50%);border: solid 1px #b73232; border-radius: 0.38rem;}
.partOne .pWidth > .sonBottom > .sonInfo > i {width: 0.66rem; height: 0.66rem; float: left; background: url('../images/icon_kf.png'); margin: 0.05rem;}
.partOne .pWidth > .sonBottom > .sonInfo > span {font-size: 0.6rem; font-weight: 600; margin: 0 0.12rem; }
.partOne .pWidth > .sonBottom > .sonInfo > span + span {font-size: 0.34rem; margin-top: -2px;}

.pageItem {width: 100%; float: left; margin-top: 0.4rem;background: #6b0000;border: solid 4px #ff6e00; border-radius: 0.08rem; position: relative;}
.pageItem > .sonTitle {width: 2.58rem; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: url('../images/bg_title.png') no-repeat center top; background-size: 100%; font-size: 0.3rem; line-height: 0.52rem; color: #742100; text-align: center;}
.pageItem > .sonList {width: 100%; float: left; margin-top: 0.4rem; padding:0 0.16rem;}

.partTwo > .sonList > a {width: calc(33.3% - 0.13rem); float: left; margin-right: 0.2rem; margin-bottom: 0.2rem;}
.partTwo > .sonList > a:nth-child(3n) {margin-right: 0;}
.partTwo > .sonList > a > img {width: 100%; height: 2.36rem; float: left;}

.partThree {margin-bottom: 1.2rem;}
.partThree > .sonList > a {width: 100%; float: left; margin-bottom: 0.2rem; padding: 0 0.1rem; border-radius: 0.1rem;}
.partThree > .sonList > a img {width: 100%; float: left;}

.main > .sonOut {width: 100%; float: left; background: url('../images/bg_main.png') no-repeat center bottom; background-size: 100%;}

.footer {width: 100%; float: left; font-size: 0.12rem; line-height: 0.3rem; color: #fff; text-align: center; background: #302f2f;}






















































