@charset "utf-8";
* {
    margin: 0;
    padding: 0
}

body {
    background: #EEE;
    font-family: "Microsoft Yahei", "arial,sans-serif";
    font-size: 14px;
    color: #333;
    text-shadow: none
}

table, img, fieldset, iframe {
    border: 0
}

img {
    vertical-align: middle
}

ul, li {
    list-style-type: none
}

input {
    vertical-align: middle;
    border: 0 none;
    outline: 0;
    text-shadow: none
}

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

a:hover {
    text-decoration: none
}

p {
    text-shadow: none
}

i {
    font-style: normal
}

.btn5 {
    width: 50%;
    height: auto;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin: 15px auto 0;
    background: #0a66e4;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px
}

input::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 1em
}

input:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 1em
}

.SearchBox input::-webkit-input-placeholder {
    color: #FFF
}

.SearchBox input:-ms-input-placeholder {
    color: #FFF
}

.ui-mobile .ui-page {
    min-height: 100%
}

.viewport {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto
}

.viewport.paddfooter {
    min-height: 100%;
    padding-bottom: 140px
}

.text {
    border: 1px solid #d1d1d1;
    color: #000;
    padding: 1px 2px 0;
    height: 26px;
    line-height: 26px;
    background: #FFF
}

i.del {
    background: url("../mobileimg/pic.png") no-repeat -55px -36px;
    width: 18px;
    height: 20px;
    display: inline-block
}

i.address {
    background: url("../mobileimg/pic.png") no-repeat 0 -108px;
    width: 13px;
    height: 18px;
    float: left;
    margin-top: 8px;
    margin-right: 4px
}

.icon_upon1 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../mobileimages/i_36.png") 0 4px no-repeat;
    background-size: 20px 20px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.header, .searchHeader {
    background: #398ada;
    height: 60px;
    color: #FFF;
    font-size: 12px;
    position: relative
}

.header .logo, .searchHeader .logo {
    float: left;
    width: 110px;
    margin: 12px 0 0 5px;
    text-shadow: none
}

.header .logo img, .searchHeader .logo img {
    float: left;
    margin: 2px 2px 0 0
}

.searchHead_wrap {
    height: 60px
}

.searchHeader {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2
}

.SearchBox {
    float: left;
    width: 260px;
    height: 28px;
    margin-top: 18px;
    margin-left: 10px;
    background: #79c9f0;
    border: #79c9f0 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    text-shadow: none
}

.SearchBox .ui-input-text {
    width: 225px;
    float: left;
    background: #79c9f0;
    border: 0 none;
    color: #FFF;
    text-shadow: none;
    box-shadow: none;
    margin: 0
}

.SearchBox .ui-btn {
    background: url("../mobileimg/searchBtn.png") no-repeat 0 0;
    width: 21px;
    height: 20px;
    float: left;
    border: 0 none;
    box-shadow: none;
    margin: 4px 0 0;
    cursor: pointer
}

.weather {
    width: 60px;
    color: #FFF;
    float: right;
    margin: 8px 5px 0 0;
    overflow: hidden;
    text-shadow: none
}

.weather img {
    float: left;
    width: 30px;
    height: auto
}

.weather .des {
    line-height: 25px;
    float: right;
    margin-right: 5px
}

.weather .degrees {
    display: block;
    text-align: center
}

.header .returnWrap, .searchHeader .returnWrap {
    width: 46px;
    height: 40px;
    padding: 2px 0;
    position: absolute;
    top: 8px;
    left: 5px
}

.header .returnWrap .return, .searchHeader .return {
    background: url("../mobileimg/pic.png") no-repeat 0 0;
    width: 36px;
    height: 36px;
    display: block;
    cursor: pointer
}

.header h2 {
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: none
}

.searchHeader .selectBox {
    margin: auto 60px;
    padding-top: 15px
}

.searchHeader .sBx {
    height: 25px;
    width: auto;
    overflow: hidden;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #FFF;
    position: relative
}

.searchHeader .searchText {
    width: 80%;
    border: 0;
    position: absolute;
    top: 0;
    left: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    background-color: #FFF;
    height: 25px
}

.searchHeader .homeIcon {
    background: url("../mobileimg/pic.png") no-repeat 0 -72px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 13px;
    top: 13px;
    background-size: 79px auto
}

.searchHeader .sbxBtn {
    width: 16%;
    height: 25px;
    line-height: 25px;
    padding: 0;
    border: 0;
    background: url("../mobileimages/i_09.png") no-repeat right center;
    position: absolute;
    top: 0;
    right: 10px;
    background-size: 16px
}

.header .navIconWrap {
    width: 46px;
    height: 40px;
    padding: 2px 0;
    position: absolute;
    top: 8px;
    right: 0
}

.header .navIconWrap .navIcon {
    background: url("../mobileimg/pic.png") no-repeat 0 -36px;
    width: 36px;
    height: 36px;
    display: block;
    cursor: pointer
}

.header .navIconWrap .homeIcon, .searchHeader .homeIcon {
    background: url("../mobileimg/pic.png") no-repeat 0 -72px;
    width: 36px;
    height: 36px;
    display: block;
    cursor: pointer
}

.nav {
    width: 100%;
    background: #FFF;
    overflow: hidden
}

.nav ul {
    border-bottom: #ededed 1px solid;
    overflow: hidden
}

.nav li {
    width: 25%;
    float: left;
    text-align: center;
    margin-left: -1px;
    border-left: #ededed 1px solid
}

.nav li a {
    display: block;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    padding-bottom: 10px
}

.nav li a .imgbox {
    width: 50px;
    height: 50px;
    margin: 10px auto 5px;
    display: block
}

.nav li a .imgbox img {
    width: 50px;
    height: 50px;
    border: 0 none
}

.box {
    background: #FFF;
    margin-bottom: 10px;
    text-shadow: none;
    overflow: hidden
}

.boxImg {
    float: left;
    width: 50px;
    margin: 0 10px
}

.boxImg img {
    width: 50px;
    border: 0 none
}

.BusiBoxImg {
    float: left;
    width: 80px;
    margin: 0 10px
}

.BusiBoxImg img {
    width: 80px;
    border: 0 none
}

.wrap {
    width: 90%;
    margin: 10px auto;
    font-size: 12px;
    border: 1px solid #84c71c;
    overflow: hidden
}

.wrap .hd {
    background: #84c71c;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    text-indent: 20px
}

.wrap .bd {
    padding: 10px;
    line-height: 26px;
    color: #333
}

.AutoWrap img {
    height: auto;
    width: 100%
}

.thread {
    width: 100%;
    float: left;
    height: 1px;
    background: #d1d1d1
}

.Btn1 {
    background: #e40077;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    display: inline-block;
    font-weight: normal
}

.Btn2, .Btn3, .Btn4, .Btn5, .Btn7, .Btn8, .Btn9, .Btn10, .Btn13, .Btn14, .Btn15 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    display: inline-block;
    margin: 0 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    cursor: pointer
}

.Btn2 {
    width: 80%;
    color: #FFF;
    background: #0186cf;
    border: #0186cf 1px solid
}

.Btn3 {
    width: 40%;
    color: #FFF;
    background: #0186cf;
    border: #0186cf 1px solid
}

.Btn4 {
    width: 40%;
    color: #0186cf;
    background: #fee5e6;
    border: #0186cf 1px solid
}

.Btn5 {
    width: 80%;
    color: #FFF;
    background: #8ec31f;
    border: #8ec31f 1px solid
}

.Btn6 {
    background: #8ec31f;
    width: 54px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #FFF;
    display: inline-block;
    font-weight: normal
}

.Btn7 {
    width: 80%;
    color: #FFF;
    background: #0085d0;
    border: #0085d0 1px solid
}

.Btn8 {
    width: 40%;
    color: #FFF;
    background: #0085d0;
    border: #0085d0 1px solid
}

.Btn9 {
    width: 40%;
    color: #0085d0;
    background: #d9f0fd;
    border: #0085d0 1px solid
}

.Btn10 {
    width: 80%;
    color: #0085d0;
    background: #d9f0fd;
    border: #0085d0 1px solid
}

.Btn11 {
    background: #e8febb;
    border: #8ec31f 1px solid;
    width: 62px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #8ec31f;
    display: inline-block;
    font-weight: normal
}

.Btn12 {
    background: #fdc7e3;
    border: #e40077 1px solid;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #e40077;
    display: inline-block;
    font-weight: normal
}

.Btn13 {
    width: 80%;
    color: #8ec31f;
    background: #e8febb;
    border: #8ec31f 1px solid
}

.Btn14 {
    width: 40%;
    color: #FFF;
    background: #e40177;
    border: #e40177 1px solid
}

a.Btn1, a.Btn2, a.Btn3, a.Btn5, a.Btn6, a.Btn7, a.Btn8, a.Btn14, a.Btn1:hover, a.Btn2:hover, a.Btn3:hove, a.Btn5:hover, a.Btn6:hover, a.Btn7:hover, a.Btn8:hover, a.Btn14:hover, a.Btn1:visited, a.Btn2:visited, a.Btn3:visited, a.Btn5:visited, a.Btn6:visited, a.Btn7:visited, a.Btn8:visited, a.Btn14:visited {
    color: #FFF;
    font-weight: normal
}

a.Btn4, a.Btn4:hover, a.Btn4:visited {
    color: #0186cf;
    font-weight: normal
}

a.Btn9, a.Btn10, a.Btn9:hover, a.Btn10:hover, a.Btn9:visited, a.Btn10:visited {
    color: #0085d0;
    font-weight: normal
}

a.Btn12, a.Btn12:hover, a.Btn12:visited {
    color: #e40077;
    font-weight: normal
}

a.Btn13, a.Btn13:hover, a.Btn13:visited {
    color: #8ec31f;
    font-weight: normal
}

.ui-checkbox .ui-btn, .ui-checkbox .ui-btn:hover, .ui-radio .ui-btn, .ui-radio .ui-btn:hover {
    background: #FFF;
    border: 0 none;
    text-shadow: none
}

.bg0 {
    background: #0085d0
}

.bg1 {
    background: #84c71c
}

.bg2 {
    background: #e40077
}

.bg3 {
    background: #c50000
}

.bg4 {
    background: #389dfb
}

.bac_white {
    background-color: #FFF
}

.bac_blue1 {
    background-color: #bde2fb
}

.bac_gray1 {
    background-color: #333
}

.bac_gray2 {
    background-color: #eee
}

.formBox {
    background: #FFF;
    overflow: hidden;
    text-shadow: none;
    padding-bottom: 10px
}

.formBox .row {
    float: left;
    width: 100%;
    margin-left: 10px;
    margin-top: 10px
}

.formBox .row > span {
    float: left;
    margin-top: 14px;
    text-shadow: none
}

.formBox .row > div {
    display: inline-block;
    width: 60%
}

.formBox em {
    background: url("../mobileimg/tipsIcon.png") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px
}

.formBox em.ok {
    background-position: 0 0
}

.formBox em.error {
    background-position: 0 -60px
}

.formBox p {
    margin-left: 80px
}

.formBox textarea {
    width: 270px
}

.formBox .verify span {
    float: left;
    margin-top: 14px
}

.formBox .verify > div {
    float: left;
    width: 80px
}

.formBox .verify .img {
    float: left;
    margin-top: 12px;
    margin-left: 4px
}

.formBox .refresh {
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
    border: 0;
    cursor: pointer;
    color: #0085d0;
    float: left;
    margin-top: 10px;
    margin-left: 2px
}

.choiceLine .ui-radio {
    background: #FFF;
    border: 0 none;
    text-shadow: none;
    display: inline-block;
    margin: 0 5px
}

.choiceLine .ui-radio .ui-btn {
    border: 0 none
}

.choiceLine .ui-radio .ui-btn:hover {
    background: #FFF;
    text-shadow: none
}

.hint {
    background: url("../mobileimg/tipsIcon.png") no-repeat 0 -20px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px
}

.loginBox {
    background: #FFF;
    margin-bottom: 10px;
    overflow: hidden;
    text-shadow: none
}

.loginTab {
    width: 100%;
    overflow: hidden
}

.loginTab .loginTabHead {
    height: 40px
}

.loginTab .loginTabHead ul {
    overflow: hidden
}

.loginTab .loginTabHead li {
    width: 50%;
    background: #c1c1c1;
    float: left;
    text-align: center;
    line-height: 39px;
    cursor: pointer
}

.loginTab .loginTabHead li a {
    color: #FFF;
    font-size: 16px;
    font-weight: normal
}

.loginTab .loginTabHead li.on {
    background: #84c71c
}

.loginTab .loginTabHead li.on a {
    color: #FFF
}

.loginTab .loginTabNote {
    border: #84c71c 1px solid;
    display: block;
    text-shadow: none
}

.loginTab .loginTabNote .formBox .row > div {
    display: inline-block;
    width: 185px
}

.loginTab .loginTabNote .formBox .verify > div {
    float: left;
    width: 80px
}

.thick {
    background: #707070;
    height: 12px;
    width: 4px;
    display: inline-block;
    margin: 0 5px
}

.recharge .inputWrap {
    float: left;
    margin-left: 10px;
    text-shadow: none
}

.recharge .inputWrap > div {
    display: inline-block
}

.recharge .inputWrap input[type="text"] {
    width: 240px
}

.recharge .BtnWrap {
    float: right;
    margin-right: 10px;
    width: 90px;
    margin-top: 8px
}

.basicWrap {
    width: 100%;
    background: #FFF;
    overflow: hidden;
    padding: 10px 0 5px;
    margin-bottom: 10px;
    text-shadow: none
}

.basicWrap .line {
    display: block;
    line-height: 25px;
    color: #055d94;
    margin-left: 10px;
    overflow: hidden
}

.basicWrap .line span {
    color: #333
}

.tips_rwxzImg {
    display: block;
    width: 88%;
    margin: 20px auto
}

.ChoseBox {
    margin: 10px;
    overflow: hidden
}

.ChoseBox li {
    float: left;
    height: 36px;
    line-height: 36px;
    margin-right: 30px;
    margin-bottom: 10px
}

.ChoseBox li a {
    display: block;
    padding: 0 15px;
    background: #FFF;
    border: 2px solid #8fc320;
    text-decoration: none;
    color: #8fc320;
    font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline: 0;
    cursor: pointer
}

.ChoseBox li a:hover, .ChoseBox li.on a {
    border-color: #0085d0;
    color: #0085d0
}

.tableWrap {
    margin: 10px 0 0 0
}

.tableWrap p {
    padding: 0 10px;
    overflow: hidden
}

.tableWrap .overall {
    background: #2bacfc;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
    text-shadow: none
}

.tableWrap .explain {
    background: #bde2fb;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    text-shadow: none
}

.ListTable {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    margin-bottom: 10px;
    font-size: 12px
}

.ListTable td, .ListTable th {
    line-height: 28px;
    text-shadow: none
}

.ListTable th {
    background: #bde2fb;
    text-align: center;
    word-break: break-all;
    color: #333
}

.ListTable tr {
    background: #FFF
}

.ListTable td {
    text-align: center;
    word-break: break-all;
    color: #333;
    line-height: 28px
}

.ListTable tr.bg {
    background: #f9f9f7
}

.ListTable a {
    margin: 4px 0
}

.ListTable .w90 {
    width: 90px
}

.choiceList {
    background: #FFF;
    overflow: hidden;
    margin-bottom: 10px
}

.choiceList ul {
    overflow: hidden
}

.choiceList li {
    width: 100%;
    float: left;
    border-bottom: #d1d1d1 1px solid
}

.choiceList li.nb {
    border-bottom: 0 none
}

.choiceList li a {
    background: url("../mobileimg/arrow.png") no-repeat center right;
    color: #666;
    display: block;
    padding: 10px 0 10px 10px;
    font-weight: normal
}

.choiceList li a i {
    background: url("../mobileimg/pack.png") no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px
}

.choiceList li a i.package {
    background-position: 0 0
}

.choiceList li a i.serve {
    background-position: 0 -18px
}

.choiceList li a i.breaks {
    background-position: 0 -36px
}

.choiceList li a i.roam {
    background-position: 0 -54px
}

.SelectBox {
    margin: 10px;
    overflow: hidden
}

.SelectBox li {
    float: left;
    height: auto;
    line-height: 18px;
    margin: 0 15px 10px;
    position: relative
}

.SelectBox li a {
    display: block;
    padding: 8px 15px;
    background: #FFF;
    border: 2px solid #d1d1d1;
    text-decoration: none;
    color: #737373;
    font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline: 0;
    cursor: pointer
}

.SelectBox li.on a {
    border-color: #e40077;
    color: #e40077
}

.SelectBox li.on i {
    display: block;
    background: url("../mobileimg/select.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    right: 2px;
    width: 12px;
    height: 12px;
    overflow: hidden
}

.Tab, .tarf_comontog {
    background: #FFF;
    overflow: hidden
}

.Tab .TabHead, .tarf_tabLine, .tarf_comontog .comon_tabWrap {
    background: #FFF;
    height: 40px
}

.Tab .TabHead ul {
    overflow: hidden
}

.Tab .TabHead li, .tarf_tabLine, .tarf_comontog .comon_tab {
    line-height: 40px;
    border-top: 1px solid #dbdbdb
}

.Tab .TabHead li, .tarf_comontog .comon_tab {
    background: url("../mobileimg/line.png") no-repeat right center;
    float: left;
    text-align: center;
    cursor: pointer
}

.Tab .TabHead li.last, .tarf_comontog .comon_tab.last {
    background: 0
}

.Tab .TabHead li a, .tarf_tabLine, .tarf_comontog .comon_tab a {
    color: #666;
    font-size: 16px;
    font-weight: normal
}

.Tab .TabHead li.on, .tarf_comontog .comon_tab.on {
    line-height: 36px;
    border-bottom: #e40077 2px solid
}

.Tab .TabHead li.on a, .tarf_comontog .comon_tab.on a {
    color: #e40077
}

.Tab .TabNote {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-shadow: none
}

.Tab .TabNote > div {
    width: 100%;
    overflow: hidden;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Tab2 li {
    width: 50%
}

.Tab3 li, .tarf_tab3 li {
    width: 33.33%
}

.Tab4 li {
    width: 25%
}

.Tab5 li {
    width: 20%
}

.Tab6 li {
    width: 16.65%
}

.allowance {
    border-bottom: #d1d1d1 1px solid;
    padding: 5px 0 10px;
    overflow: hidden;
    text-shadow: none
}

.allowance .name {
    margin-left: 10px;
    font-weight: bold
}

.allowance .explain {
    float: left;
    width: 100%;
    margin-top: 5px
}

.allowance .explain i {
    width: 22px;
    height: 18px;
    border: #ededed 1px solid;
    float: left;
    margin: 4px 5px 0 0
}

.allowance .explain i.use {
    background: #84c71c
}

.allowance .explain i.spare {
    background: #FFF
}

.allowance .explain i.state {
    background: #fa6878
}

.allowance .percentage {
    color: #e40077;
    font-size: 60px
}

.allowance .remarks {
    float: left;
    margin-left: 10px;
    font-size: 12px
}

.progressbar {
    background: #FFF;
    border: #84c71c 2px solid;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 20px;
    width: auto;
    min-width: 240px;
    margin: 10px 40px 0;
    display: block;
    overflow: hidden
}

.progressbar .bar {
    background: #84c71c;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    display: block;
    height: 16px;
    margin: 2px
}

.busiInfo {
    overflow: hidden
}

.busiInfo .imgbox {
    width: 188px;
    height: 188px;
    margin: 20px auto 10px;
    display: block
}

.busiInfo .imgbox img {
    width: 188px;
    height: 188px;
    border: 0 none
}

.busiInfo .name {
    display: block;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    font-weight: bold
}

.busiInfo .price {
    font-size: 14px;
    color: #c50000;
    margin-right: 10px
}

.busiInfo .NoApply {
    background: #fa6878;
    color: #FFF;
    padding: 2px 6px;
    display: inline-block
}

.busiInfo .Apply {
    background: #398ada;
    color: #FFF;
    padding: 2px 6px;
    display: inline-block
}

.busiInfo .Regular {
    background: #84c71c;
    color: #FFF;
    padding: 2px 6px;
    display: inline-block
}

.busiInfo .abstract {
    float: left;
    width: 400px;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 36px;
    overflow: auto;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.busiInfo .sales {
    float: right;
    width: 55px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-left: #d0cfcf 1px solid;
    padding-left: 10px
}

.textTitle {
    margin-left: 10px;
    margin-top: 10px;
    height: 36px;
    line-height: 36px
}

.textTitle span {
    color: #e40077;
    border-top: #e40077 2px solid;
    text-shadow: none;
    display: inline-block;
    padding: 0 20px
}

.textcontent {
    padding: 10px;
    line-height: 25px;
    text-shadow: none
}

.collect {
    overflow: hidden;
    padding: 5px 0
}

.collect li {
    float: left;
    width: 33.33%;
    height: 30px;
    line-height: 30px;
    background: #FFF;
    overflow: hidden;
    border-left: #d0cfcf 1px solid;
    margin-left: -1px
}

.collect li .aBlock {
    display: block;
    overflow: hidden;
    clear: both;
    color: #666;
    text-align: center
}

.collect li .aBlock i {
    background: url("../mobileimg/collect.png") no-repeat;
    width: 30px;
    height: 22px;
    padding-left: 24px;
    font-style: normal
}

.collect li .aBlock i.collect {
    background-position: 0 4px
}

.collect li .aBlock i.like {
    background-position: 0 -30px
}

.collect li .aBlock i.share {
    background-position: 0 -60px
}

.slideshow {
    overflow: hidden
}

.slideshow li {
    background: #FFF;
    border-bottom: #d1d1d1 1px solid;
    margin: 0 10px;
    padding: 0 5px 0 10px;
    overflow: hidden
}

.slideshow li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.slideshow li .imgbox {
    width: 65px;
    height: 65px;
    margin: 5px 15px 5px 0;
    float: left;
    clear: both
}

.slideshow li .imgbox img {
    width: 65px;
    border: 0 none
}

.slideshow li .describe {
    display: block;
    overflow: hidden
}

.slideshow li .describe .caption {
    display: block;
    margin: 10px 0 .3em;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    max-height: 20px;
    font-weight: normal
}

.slideshow li .describe .Description {
    display: block;
    margin: 5px 0 .3em;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    max-height: 36px;
    font-weight: normal
}

.ImgList {
    overflow: hidden
}

.ImgList li {
    float: left;
    width: 33.33%;
    background: #FFF;
    overflow: hidden
}

.ImgList li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.ImgList li .imgbox {
    width: 120px;
    height: 120px;
    margin: 10px auto 5px;
    display: block
}

.ImgList li .imgbox img {
    width: 120px;
    height: 120px;
    border: 0 none
}

.ImgList li .ylbox {
    width: 120px;
    height: 120px;
    margin: 10px auto 5px;
    display: block;
    margin-bottom: 15px
}

.ImgList li .ylbox .img {
    width: 120px;
    height: 120px;
    border: 5px solid #dbdbdb;
    border-radius: 30px
}

.ImgList li .ylbox .imgselected {
    width: 120px;
    height: 120px;
    border: 5px solid #54c2f0;
    border-radius: 30px
}

.ImgList li .name {
    display: block;
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: normal
}

.ImgList li .price {
    display: block;
    text-align: center;
    color: #c50000;
    font-size: 14px;
    font-weight: bold
}

.FourImgList {
    overflow: hidden
}

.FourImgList li {
    float: left;
    width: 25%;
    background: #FFF;
    overflow: hidden
}

.FourImgList li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.FourImgList li .imgbox {
    padding: 10px;
    display: block
}

.FourImgList li .imgbox img {
    width: 100%;
    height: auto;
    border: 0 none
}

.FourImgList li .name {
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.busiList {
    float: left;
    width: 100%;
    overflow: hidden
}

.busiList ul {
    width: 100%;
    border-top: #d1d1d1 1px solid;
    overflow: hidden
}

.busiList li {
    background: #FFF;
    border-bottom: #d1d1d1 1px solid;
    width: 100%;
    cursor: pointer;
    overflow: hidden
}

.busiList li dt {
    padding: 10px 0 10px 10px;
    float: left;
    width: 100%;
    background: #f5f5f5
}

.busiList li dt span {
    float: left;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #e40077
}

.busiList li dt i {
    float: left;
    background: url("../mobileimg/up.png") no-repeat;
    width: 20px;
    height: 24px;
    overflow: hidden
}

.busiList li dt i.up {
    background-position: 0 -3px
}

.busiList li dt i.down {
    background-position: -20px -3px;
    display: none
}

.busiList li dt a {
    font-size: 12px;
    color: #0085d0;
    float: right;
    margin-right: 20px
}

.busiList li dt img {
    width: 24px;
    height: 24px;
    border: 0 none
}

.busiList dl {
    float: left;
    width: 100%;
    background: #FFF;
    height: auto;
    overflow: hidden
}

.busiList dd {
    float: left;
    width: 50%;
    margin: 6px 0;
    display: inline-block
}

.busiList dd a {
    padding-left: 20px;
    font-size: 12px;
    color: #0085d0
}

.busiList dd p {
    padding-left: 20px;
    font-size: 12px;
    color: #666;
    line-height: 16px
}

.busiList dd p span {
    margin-right: 10px
}

.busiList li.close i.up {
    display: none
}

.busiList li.close i.down {
    display: block
}

.linkList {
    float: left;
    background: #FFF;
    width: 100%;
    padding: 10px 0;
    overflow: hidden
}

.linkList li {
    width: 50%;
    float: left;
    cursor: pointer;
    overflow: hidden
}

.linkList li a {
    height: 42px;
    line-height: 42px;
    color: #FFF;
    margin: 4px;
    display: block;
    overflow: hidden;
    clear: both
}

.linkList li a span {
    margin-left: 10px
}

.linkList li a i {
    background: url("../mobileimg/link.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
    float: right;
    margin: 10px
}

.datalist {
    margin: 10px auto;
    background: #FFF;
    width: 100%;
    overflow: hidden
}

.datalist ul li {
    float: left;
    width: 50%;
    background: url("../mobileimg/arrow.png") no-repeat right center;
    line-height: 40px;
    text-indent: 10px;
    font-size: 14px
}

.datalist ul li a {
    display: block;
    color: #666
}

.listMore {
    position: relative;
    padding: 6px 0;
    text-align: center;
    color: #999;
    cursor: pointer
}

.listMore em {
    background: url("../mobileimg/pic.png") no-repeat -56px 0;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

.customPeriod {
    width: 100%;
    overflow: hidden
}

.customPeriod .inputWrap {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden
}

.customPeriod .inputWrap span {
    float: left;
    text-shadow: none;
    line-height: 46px
}

.customPeriod .inputWrap > div {
    float: left;
    width: 180px
}

.page {
    text-align: left;
    padding: 10px 0
}

.page .link, .page .on, .page .disable, .page .word {
    overflow: hidden;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    text-shadow: none
}

.page .link, .page .on, .page .disable {
    height: 28px;
    line-height: 28px
}

.page .link, .page .on, .page .disable {
    padding: 0 10px
}

.page a {
    color: #525252
}

.page a:hover {
    border-color: #AAA;
    text-decoration: none;
    color: #333
}

.page .link {
    border: 1px solid #dcdcdc;
    background-color: #fafafa
}

.page .on {
    cursor: default;
    border: 1px solid #2bacfc;
    background: #2bacfc;
    color: #FFF
}

.page .disable {
    border: 1px solid #DDD;
    color: #999
}

.page .word {
    height: 30px;
    line-height: 30px
}

.deploy {
    float: left;
    width: 100%;
    overflow: hidden
}

.deploy .title {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    font-size: 14px;
    text-shadow: none
}

.recomBox .deploy .title {
    font-size: 16px;
    width: 93%;
    margin: 0 auto;
    border: 0
}

.deploy .title span {
    margin-left: 2px;
    font-weight: bold
}

.deploy .title .tit, .deploy .title .result_sp {
    display: block;
    float: left
}

.deploy .title .tit {
    font-weight: normal
}

.deploy .title .result_sp {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.deploy .unfold, .deploy .title .pickup {
    color: #666;
    font-weight: normal;
    background: url("../mobileimg/arrowRed.png") 30px -45px no-repeat;
    padding-right: 18px;
    margin-right: 10px
}

.deploy .unfold.up {
    background-position: 30px -8px
}

.business {
    float: left;
    width: 100%;
    overflow: hidden
}

.business li {
    float: left;
    width: 100%;
    height: 32px;
    line-height: 32px;
    display: inline-block
}

.business li span, .business li a {
    font-size: 12px;
    padding-left: 20px;
    color: #666
}

.nominate {
    background: #FFF;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden
}

.nominate .head {
    background: #84c71c;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px
}

.nominate .note {
    border: #84c71c 1px solid;
    padding: 10px;
    text-shadow: none;
    font-size: 14px
}

.smsList {
    overflow: hidden
}

.smsList li {
    float: left;
    width: 50%;
    border-bottom: #d1d1d1 1px dotted;
    height: 32px;
    line-height: 32px
}

.smsList li span {
    margin-right: 10px;
    font-weight: bold
}

.recomBox {
    background: #FFF;
    margin-top: 10px;
    text-shadow: none
}

.recomBox .title {
    border-bottom: #d1d1d1 1px solid;
    height: 36px;
    line-height: 36px;
    padding-left: 10px
}

.recomBox .title em {
    background: #e40077;
    width: 3px;
    height: 14px;
    float: left;
    margin: 11px 6px 0 0
}

.recomBox .title .more {
    float: right;
    margin-right: 10px;
    font-size: 14px;
    color: #737373;
    background: url("../mobileimg/arrowRed.png") no-repeat top right;
    padding-right: 10px
}

.recomBox .note {
    font-size: 14px;
    overflow: hidden
}

.recomBox .note_tit {
    width: 78px;
    text-align: right
}

.recomBox .option {
    float: left;
    margin-left: 10px;
    height: 32px;
    width: 100%
}

.recomBox .option.nomr {
    margin-left: 0
}

.recomBox .option .alternatives {
    float: left;
    width: 120px;
    margin-top: 5px
}

.recomBox .option .alternatives > div {
    display: inline-block;
    padding-left: 28px;
    margin: .3em 0
}

.recomBox .inputWrap {
    float: left;
    margin-left: 10px
}

.recomBox .inputWrap input[type="text"] {
    width: 250px
}

.recomBox .BtnWrap {
    float: right;
    margin-right: 10px;
    width: 90px
}

.recomBox .busiList li dt {
    background: #FFF
}

.footer {
    background: #FFF;
    line-height: 22px;
    padding: 10px 0;
    margin-top: 10px;
    color: #808080;
    font-size: 12px;
    text-shadow: none
}

.footer a {
    margin: 0 4px
}

.appdownWrap {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 40px;
    color: #FFF;
    font-size: 12px;
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    z-index: 50
}

.appdownWrap .close {
    background: url("../mobileimg/pic.png") -36px 0;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

.appdownWrap .imgbox {
    width: 45px;
    position: absolute;
    top: 14px;
    left: 10px
}

.appdownWrap h2 {
    font-size: 12px;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
    text-shadow: none
}

.appdownWrap .appdownBtn {
    background: #e40077;
    width: 85px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 10px
}

.appdownWrap .appdownBtn:hover, .appdownWrap .appdownBtn:visited {
    color: #FFF
}

.Shade_mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .45);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-tranform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    z-index: 100;
    display: none
}

.label {
    background: #f0f0f0;
    height: 65px;
    width: 100%;
    position: fixed;
    bottom: 0
}

.label ul {
    overflow: hidden
}

.label li {
    width: 33.33%;
    float: left;
    text-align: center;
    border-top: #d9d9d9 1px solid
}

.label li a {
    display: block;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    padding: 0 0 5px;
    overflow: hidden;
    clear: both
}

.label li i {
    background: url("../mobileimg/deal.png") no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px auto
}

.label li i.sort {
    background-position: 0 0
}

.label li i.hot {
    background-position: 0 -30px
}

.label li i.odds {
    background-position: 0 -60px
}

.label li span {
    display: block
}

.label li.on {
    border-top: #0085d0 2px solid
}

.label li.on a {
    color: #0085d0
}

.label li.on i.sort {
    background-position: -30px 0
}

.label li.on i.hot {
    background-position: -30px -30px
}

.label li.on i.odds {
    background-position: -30px -60px
}

.Tab-vertical {
    background: #f5f5f5
}

.Tab-vertical .TabHead {
    float: left;
    width: 22%;
    background: #f5f5f5;
    height: auto;
    border-right: 1px solid #d9d9d9
}

.Tab-vertical .TabHead li {
    float: left;
    width: 99%;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #333;
    text-shadow: none;
    cursor: pointer
}

.Tab-vertical .TabHead li.on {
    background: #FFF;
    border-left: #0085d0 2px solid;
    color: #0085d0;
    width: 99%
}

.Tab-vertical .TabNote {
    background: #FFF;
    width: 77%;
    float: left;
    min-height: 380px;
    overflow: hidden;
    padding: 0
}

.Tab-vertical:after, .Tab-vertical .TabHead:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both
}

.Tab-vertical, .Tab-vertical .TabHead {
    *zoom: 1;
    _zoom: 1
}

.dealList {
    margin-top: 10px;
    width: 100%;
    overflow: hidden
}

.dealList ul {
    width: 100%;
    overflow: hidden
}

.dealList li {
    width: 100%;
    border-bottom: #d9d9d9 1px solid;
    margin: 0 10px;
    padding: 0 5px 0 5px;
    overflow: hidden
}

.dealList li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.dealList li .imgbox {
    width: 60px;
    height: 60px;
    margin: 5px 10px 5px 0;
    float: left;
    clear: both
}

.dealList li .imgbox img {
    width: 60px;
    height: 60px;
    border: 0 none
}

.dealList li .describe {
    display: block;
    overflow: hidden
}

.dealList li .describe .name {
    display: block;
    margin: 10px 0 .3em;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    max-height: 20px;
    font-weight: normal;
    width: 88%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dealList li .describe .Description {
    margin: 5px 0 .3em;
    font-size: 14px;
    color: #999;
    max-width: 90%;
    max-height: 36px;
    font-weight: normal;
    word-break: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.half {
    float: left;
    width: 50%;
    border-left: #d9d9d9 1px solid;
    margin-left: -1px;
    padding-bottom: 100px;
    margin-bottom: -100px
}

.advert {
    overflow: hidden
}

.advert .aBlock {
    display: block;
    padding: 20px 10px 10px;
    overflow: hidden;
    clear: both;
    cursor: pointer
}

.advert .name {
    display: block;
    font-size: 16px;
    color: #009df6;
    margin-bottom: 10px;
    max-height: 40px;
    overflow: hidden
}

.advert .describe {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    margin-bottom: 30px;
    max-height: 36px;
    overflow: hidden
}

.advert .imgbox {
    max-width: 320px;
    min-width: 160px;
    width: auto;
    height: auto;
    overflow: hidden
}

.advert .imgbox img {
    height: auto;
    width: 100%
}

.halfWrap {
    background: #FFF;
    border-top: #d9d9d9 1px solid;
    margin-top: -1px
}

.halfWrap .aBlock {
    display: block;
    padding: 20px 10px;
    overflow: hidden;
    clear: both;
    cursor: pointer
}

.halfWrap .name {
    display: block;
    font-size: 16px;
    color: #009df6;
    margin-bottom: 10px;
    max-height: 20px;
    overflow: hidden
}

.halfWrap .name i.next {
    background: url("../mobileimg/next.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 6px
}

.halfWrap .describe {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    margin: 10px 0;
    max-height: 36px;
    overflow: hidden
}

.oddsBox {
    background: #FFF;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden
}

.oddsBox .title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    border-bottom: #d9d9d9 1px solid;
    text-shadow: none
}

.oddsBox .title em {
    height: 40px;
    width: 4px;
    float: left;
    margin-right: 8px
}

.oddsBox .title em.bg1 {
    background: #f42574
}

.oddsBox .title em.bg2 {
    background: #8e6bec
}

.oddsBox .title em.bg3 {
    background: #febf20
}

.oddsBox .note {
    padding: 10px 0;
    overflow: hidden
}

.BusiImgList {
    overflow: hidden
}

.BusiImgList li {
    float: left;
    width: 25%;
    overflow: hidden
}

.BusiImgList li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.BusiImgList li .imgbox {
    width: 50px;
    height: 50px;
    margin: 10px auto 5px;
    display: block
}

.BusiImgList li .imgbox img {
    width: 50px;
    height: 50px;
    border: 0 none
}

.BusiImgList li .name {
    display: block;
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: normal
}

.TopList {
    width: 100%;
    overflow: hidden
}

.TopList li {
    width: 98%;
    margin: 10px auto;
    padding: 10px 0 20px;
    border-bottom: #1c97fc 1px solid;
    overflow: hidden
}

.TopList li .head {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #e40077;
    font-weight: bold
}

.TopList li .content {
    padding: 0 20px 10px;
    overflow: hidden
}

.TopList li .content .imgbox {
    float: left;
    width: 100px;
    height: 100px
}

.TopList li .content .imgbox img {
    width: 100px;
    height: 100px;
    border: 0 none
}

.TopList li .content .words {
    margin-left: 120px;
    font-size: 14px;
    padding: 10px 0 0
}

.TopList li .deal {
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 5px 0
}

.integral {
    background: #FFF;
    text-shadow: none;
    overflow: hidden
}

.integral .aBlock {
    display: block;
    overflow: hidden;
    clear: both
}

.integral img {
    height: auto;
    width: 100%
}

.integralUserMsg {
    background: #FFF url("../mobileimg/integral/sbg.png") repeat-x 0 bottom;
    padding: 20px 40px;
    text-shadow: none
}

.integralUserMsg .num {
    display: block;
    padding: 2px 3px;
    color: #FFF;
    background: #0085d0;
    line-height: 20px;
    font-style: normal;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    position: absolute;
    top: -14px;
    right: -7px
}

.jfBox {
    background: #FFF;
    padding: 10px 0 0;
    margin: 10px 0 0
}

.jfBox .jfTit {
    font-size: 18px;
    padding-left: 10px;
    height: 32px;
    line-height: 26px;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.jfBox .jfTit s {
    color: #0186cf
}

.jfBox .jfTit i {
    height: 26px;
    width: 26px;
    float: left;
    margin-right: 6px;
    position: relative
}

.jfBox .jfTit span {
    float: left
}

.jfBox .jfTit a.ads {
    color: #666;
    font-size: 12px;
    float: right;
    height: 20px;
    line-height: 20px;
    background: url("../mobileimg/integral/ico2.png") no-repeat 0 center;
    padding-left: 25px;
    margin: 4px 10px 0 0
}

.jfBox .jfTit a.openBox {
    background: url("../mobileimg/integral/tbas.png") -25px 0 no-repeat;
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 20px
}

.jfBox .jfTit a.closBox {
    background-position: 0 0
}

.porList {
    overflow: hidden
}

.porList ul {
    overflow: hidden
}

.porList li {
    background: #FFF;
    border-bottom: #d1d1d1 1px solid;
    margin: 0 10px;
    padding: 5px 0;
    overflow: hidden;
    position: relative
}

.porList li .imgbox {
    width: 125px;
    margin: 0 0 0 15px;
    float: left;
    clear: both
}

.porList li .imgbox img {
    width: 100px;
    border: 0 none
}

.porList li .describe {
    margin: 20px 100px 0 140px;
    line-height: 30px
}

.porList li .describe .tit a {
    font-size: 20px;
    color: #333
}

.porList li .describe .js {
    color: #666;
    margin: 10px auto auto;
    font-size: 18px
}

.porList li .nes {
    width: 80px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -25px
}

.convertCount {
    font-size: 16px;
    margin-top: 5px
}

.convertCount > div {
    display: inline-block;
    width: 50px
}

.delete {
    width: 80px;
    height: 30px;
    display: block;
    text-align: center;
    margin-top: 10px;
    border: 0;
    background: #FFF;
    text-decoration: underline;
    font-size: 14px;
    color: #000
}

.seltCon .porList dl {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    position: relative;
    overflow: hidden
}

.seltCon .porList .tit a {
    color: #333
}

.seltCon .porList dd.nes {
    width: 90px;
    margin: auto;
    position: absolute;
    top: 30%;
    right: 3%
}

.seltCon .porList dd .clkn a {
    display: block;
    overflow: hidden;
    max-height: 3em;
    line-height: 1.5em;
    overflow: hidden
}

.seltCon dd.nes a {
    display: block;
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #0085d0;
    font-size: 14px;
    color: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.seltCon .js span {
    display: inline-block;
    color: #999
}

.seltCon .js span i {
    color: #e60012;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px
}

.seltCon .porList dt {
    width: 18%;
    float: left;
    text-align: center
}

.seltCon .porList dt img {
    width: 100%
}

.seltCon .porList dd {
    margin: 0 0 0 22%;
    width: 45%
}

.seltCon .porList .wej dt {
    position: relative
}

.seltCon .porList .wej dd span i {
    color: #999
}

.seltCon .porList .wej dt i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/img/integral/wei.png) center center no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 115%;
    top: 0;
    left: 0
}

.seltPor .seltTli {
    float: left;
    width: 80px
}

.seltTli li {
    width: auto;
    background: #ebf2f6;
    color: #666;
    border: 1px solid #d3e6f2;
    border-width: 0 1px 1px 0;
    border-left: 0 solid #fee;
    padding: 15px 0;
    font-size: 14px;
    text-align: center
}

.seltTli li.cur {
    background: #FFF;
    border-right: 1px solid #FFF;
    border-left: 3px solid #0085d0;
    color: #0085d0;
    list-style: none
}

.seltPor .seltCon {
    margin-left: 80px;
    background: #FFF
}

.seltPor .seltConn {
    background: #FFF
}

.seltCon .list {
    padding: 10px;
    display: none
}

.seltCon .tit {
    font-size: 14px
}

.seltCon .tit i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background: #0186cf;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-right: 5px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.seltConn .list {
    padding: 10px;
    display: none
}

.seltConn .tit {
    font-size: 16px
}

.seltConn .tit i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background: #0186cf;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-right: 5px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.ajaxPor {
    padding-left: 22px;
    width: 50px;
    margin: 20px auto 10px;
    font-size: 12px
}

.jspList {
    padding: 10px
}

.jspList li {
    float: left;
    width: 50%;
    max-height: 140px
}

.jspList li a {
    display: block;
    margin: 10px;
    font-size: 24px;
    padding: 10px
}

.jspList li img {
    vertical-align: middle
}

.jspList li span {
    text-align: left;
    display: inline-block;
    font-size: 14px;
    width: 54%;
    height: 100%;
    vertical-align: middle
}

.jspList li .tit {
    max-height: 54px;
    overflow: hidden
}

.jspList li .img {
    width: 40%;
    height: 40%;
    margin-right: 2%
}

.jspList li .img img {
    width: 100%;
    height: 100%
}

.jspList li a.jbg1 {
    background: #f9c5cf;
    color: #e30076
}

.jspList li a.jbg2 {
    background: #d4e89f;
    color: #76b217
}

.jspList li a.jbg3 {
    background: #bfe8e5;
    color: #00a496
}

.jspList li a.jbg4 {
    background: #fef399;
    color: #c79300
}

.jspList li a.jbg5 {
    background: #c3deff;
    color: #1a87ec
}

.jspList li a.jbg6 {
    background: #cadcf4;
    color: #587ea7
}

.jLst2 li a {
    display: block;
    margin: 0;
    font-size: 0;
    padding: 5px
}

.jLst2 li a img {
    width: 100%
}

.gotoJf {
    margin: 10px 0
}

.gotoJf a {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: #FFF
}

.hdcon {
    padding: 10px;
    font-size: 16px;
    color: #999;
    line-height: 26px
}

.hdcon table {
    width: 100%
}

.hdcon .tot {
    width: 100px;
    text-align: right;
    color: #000
}

.hdcon td {
    padding: 5px
}

.edjct {
    padding: 0 10px;
    background: #f0f0f0;
    position: relative
}

.edjct .kesAll {
    background: #fc664e;
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    position: absolute;
    right: 10px;
    top: 6px
}

.edjctp {
    float: left;
    width: 100%;
    border-bottom: #e1e4e1 1px dotted
}

.edjct > div.ui-checkbox {
    display: inline-block;
    width: 80px;
    font-weight: normal
}

.edjct > div.ui-checkbox > label, .edjctp > div.ui-checkbox > label {
    font-size: 14px;
    font-weight: normal;
    border: 0 none;
    background: 0
}

.edjct > div.ui-checkbox:hover > label, .edjctp > div.ui-checkbox:hover > label {
    background: 0
}

.sAdd {
    margin: 10px 0
}

.sAdd span {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.sAdd span.smn {
    background: url("../mobileimg/integral/ico3.png") no-repeat 0 0;
    width: 15px;
    height: 15px;
    border: 0;
    margin: 5px 5px 0 0
}

.sAdd span.smx {
    background: url("../mobileimg/integral/ico3.png") no-repeat -15px 0;
    width: 15px;
    height: 15px;
    border: 0;
    margin: 5px 0 0 7px
}

.sAdd span.sco {
    background: #FFF;
    width: 50px
}

.sAdd span > div {
    display: inline-block;
    width: 50px;
    margin-top: -20px
}

.redeem {
    padding: 20px 40px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    overflow: hidden
}

.redeem .imgbox {
    float: left;
    width: 100px;
    height: 100px
}

.redeem .imgbox img {
    width: 100px;
    height: 100px;
    border: 0 none
}

.redeem .words {
    margin-left: 120px;
    font-size: 22px;
    padding: 10px 0 0
}

.tsb {
    padding: 40px 20px;
    text-align: center
}

.tsb .btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbb;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 145px
}

.tsb .btn {
    width: 110px;
    height: 36px;
    line-height: 36px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.tsb .btn:hover {
    background: #f2495e;
    color: #fff;
    text-decoration: none;
    border-color: #f2495e
}

.gotoJf {
    margin: 10px 0
}

.gotoJf a {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: #fff
}

.downList {
    overflow: hidden
}

.downList li {
    background: #FFF;
    border-bottom: #d1d1d1 1px solid;
    margin: 0 10px;
    padding: 0 5px 0 10px;
    overflow: hidden;
    position: relative
}

.downList li .imgbox {
    width: 65px;
    height: 65px;
    margin: 5px 15px 5px 0;
    float: left;
    clear: both
}

.downList li .imgbox img {
    width: 65px
}

.downList li .describe {
    margin: 5px 100px 0 100px;
    line-height: 30px
}

.downList li .describe .tit {
    font-size: 18px;
    color: #333
}

.downList li .nes {
    width: 80px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 50%
}

.weatherCity {
    height: 46px;
    line-height: 46px;
    float: left;
    width: 100%
}

.weatherWrap {
    float: left;
    width: 100%
}

.weatherWrap .temperature {
    width: 120px;
    height: 140px;
    float: left;
    font-size: 18px;
    color: #333;
    padding-left: 20px
}

.weatherWrap .imgBox {
    width: 160px;
    float: left
}

.weatherList {
    width: 100%;
    float: left;
    margin-top: 5px;
    overflow: hidden
}

.weatherList li {
    float: left;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #FFF;
    margin: 5px 0;
    background: #728393;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.weatherList li .date {
    float: left;
    width: 120px;
    padding-left: 15px
}

.weatherList li .imgBox {
    float: left;
    width: 45px;
    padding-top: 8px
}

.weatherList li .temper {
    float: right;
    width: 100px
}

.weatherReList {
    float: left;
    width: 100%;
    overflow: hidden
}

.weatherReList li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden
}

.weatherReList li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.weatherReList li .imgbox {
    width: 55px;
    height: 55px;
    margin: 0 10px;
    float: left
}

.weatherReList li .imgbox img {
    width: 55px;
    height: 55x;
    border: 0 none
}

.weatherReList li .describe {
    width: 80px;
    font-size: 14px;
    font-weight: bold
}

.exponent li .describe .Description {
    max-height: none
}

.city .inputWrap input[type="text"] {
    width: 340px
}

.cityList {
    width: 100%;
    overflow: hidden
}

.cityList li {
    width: 25%;
    float: left;
    height: 36px;
    line-height: 36px
}

.cityList li a {
    display: block;
    padding-left: 20px;
    color: #666
}

.lifeBox .imgbox {
    float: left;
    width: 75px
}

.lifeBox .imgbox img {
    width: 75px;
    height: auto;
    border: 0 none
}

.lifeBox .content {
    margin-left: 75px;
    border: #ededed 1px solid
}

.lifeList {
    overflow: hidden
}

.lifeList li {
    width: 33.33%;
    float: left;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-top: #ededed 1px solid;
    margin-top: -1px;
    border-left: #ededed 1px solid;
    margin-left: -1px
}

.lifeList li a {
    display: block;
    color: #333
}

.lifeLinkList {
    background: #FFF;
    overflow: hidden
}

.lifeLinkList li {
    width: 100%;
    float: left;
    border-bottom: #d1d1d1 1px solid;
    overflow: hidden
}

.lifeLinkList li.nb {
    border-bottom: 0 none
}

.lifeLinkList li a {
    background: url("../mobileimg/arrow.png") no-repeat center right;
    height: 60px;
    line-height: 60px;
    color: #666;
    display: block
}

.lifeLinkList li a i {
    width: 30px;
    height: 60px;
    float: left;
    text-align: center;
    line-height: 60px;
    color: #FFF;
    font-size: 20px;
    font-style: normal
}

.lifeLinkList li a i.bg1 {
    background: #ff4800
}

.lifeLinkList li a i.bg2 {
    background: #ff7300
}

.lifeLinkList li a i.bg3 {
    background: #ffa800
}

.lifeLinkList li a .imgbox {
    height: 60px;
    float: left
}

.lifeLinkList li a .imgbox img {
    height: 60px;
    border: 0 none
}

.lifeLinkList li a .name {
    float: left;
    width: 140px;
    line-height: 22px;
    margin-top: 10px
}

.lifeLinkList li a .price {
    float: right;
    margin-right: 30px;
    width: 60px;
    font-size: 18px;
    color: #e40077
}

.uiTipsBox {
    width: 95%;
    background: #6b6b6b;
    padding: 5px;
    position: fixed;
    top: 20%;
    left: 1%;
    z-index: 300;
    display: none
}

.uiTipsBox .tipsBox {
    background: #FFF;
    width: 100%;
    padding-bottom: 10px
}

.uiTipsBox .tipsBox .msgTit {
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0
}

.uiTipsBox .tipsBox .msgTit span {
    font-size: 16px;
    float: left
}

.ezt {
    width: 100%;
    background: #e9f8ff;
    height: auto;
    margin: 0 auto;
    padding: 10px 0 66px
}

.Message {
    width: 98%;
    min-height: 550px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    background: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow-y: auto;
    overflow-x: hidden
}

.Message .MessageList {
    padding: 10px;
    overflow: hidden
}

.Message i {
    width: 32px;
    height: 32px;
    margin-top: 20px;
    display: inline
}

.Message i.Customer {
    background: url("../mobileimg/Customer.png") no-repeat 0 0
}

.Message i.user {
    background: url("../mobileimg/user.png") no-repeat 0 0
}

.Message .note {
    margin: 5px 10px;
    padding: 10px;
    width: auto;
    max-width: 80%;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    word-wrap: break-word;
    text-shadow: none;
    color: #333
}

.MessageLeft .note {
    background: #b9f454
}

.MessageRight .note {
    background: #ebebeb
}

.Message .note em {
    background: url("../mobileimg/arrowMessage.png") no-repeat;
    width: 7px;
    height: 21px;
    display: block;
    position: absolute;
    top: 6px
}

.MessageLeft .note em {
    background-position: 0 0;
    left: -7px
}

.MessageRight .note em {
    background-position: 0 -21px;
    right: -7px
}

.MessageGray {
    font-size: 12px;
    color: #999;
    text-align: center
}

.SendWrap {
    position: fixed;
    width: 100%;
    max-width: 640px;
    bottom: 0
}

.SendWrap .ToTop {
    position: absolute;
    margin: 2px 4px 5px 0;
    right: 0;
    top: -47px
}

.SendArea {
    background: #e0e0e0;
    border-top: 1px solid #dbdbdb;
    width: 100%;
    height: 35px;
    padding: 10px 0 20px;
    float: left
}

.SendBtn {
    float: right;
    margin: .5em 15px .5em 0;
    background: #84c71c;
    color: #FFF;
    font-size: 16px;
    width: 60px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px
}

.SendInput {
    display: block;
    margin: 0 100px 0 20px
}

.sell_pic .fl {
    width: 70px;
    float: left;
    overflow: hidden;
    padding: 0 5px
}

.sell_pic .fs {
    margin-left: 90px;
    line-height: 24px;
    color: #fc664e
}

.userArea {
    background: #FFF;
    padding: 10px 0 0;
    text-shadow: none
}

.loginBtn {
    background: #e40077;
    width: 60px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #FFF;
    display: inline-block;
    font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.loginIn {
    margin-left: 20px;
    padding-bottom: 10px;
    overflow: hidden
}

.loginIn i {
    background: url("../mobileimg/userNo.png") no-repeat 0 0;
    width: 38px;
    height: 38px;
    float: left;
    margin-right: 5px
}

.loginIn em {
    float: left;
    margin-top: 10px;
    font-style: normal;
    margin-right: 5px
}

.loginIn a {
    float: left;
    margin-top: 6px
}

.MyBasic {
    overflow: hidden
}

.MyBasic .head {
    border-bottom: #adadad 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative
}

.MyBasic .head em {
    background: url("../mobileimg/on.png") no-repeat 0 0;
    width: 6px;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 40px
}

.MyBasic .head .my {
    float: left;
    margin: 5px 5px 0;
    width: 140px
}

.MyBasic .head .gif {
    float: left;
    margin-top: 5px;
    width: 100px
}

.MyBasic .head .gif i {
    background: url("../mobileimg/gif.png") no-repeat 0 0;
    width: 11px;
    height: 13px;
    float: left;
    margin: 2px 4px 0 0
}

.MyBasic .head .btnWrap {
    float: right;
    margin-right: 9px
}

.MyBasic .info {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0
}

.MyBasic .info .line {
    display: block;
    height: 30px;
    line-height: 25px;
    color: #055d94;
    margin-left: 10px;
    margin-bottom: 5px;
    overflow: hidden
}

.MyBasic .info .line span {
    color: #333
}

.MyBasic .btn {
    background: #f55d56;
    display: inline-block;
    padding: 0 6px;
    line-height: 1.8em;
    color: #FFF;
    font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.MyBasic .part {
    float: left;
    width: 50%;
    text-align: left
}

.MyBasic .tariffLine {
    width: 73%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis
}

.bannerBox {
    width: 100%;
    background: #FFF;
    border-top: #d1d1d1 1px solid;
    border-bottom: #d1d1d1 1px solid;
    overflow: hidden;
    position: relative
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #d9d7d7;
    box-shadow:
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 1px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.idx_swiperContainer {
    background: #FFF;
    border-top: #d1d1d1 1px solid;
    border-bottom: #d1d1d1 1px solid
}

.notice {
    background: #FFF;
    height: 40px;
    overflow: hidden
}

.notice .tip {
    background: url("../mobileimg/tip.png") no-repeat 0 0;
    width: 15px;
    height: 15px;
    float: left;
    margin: 10px
}

.noticeList {
    float: left;
    width: 285px
}

.noticeList ul {
    height: 40px;
    overflow: hidden
}

.noticeList li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    float: left
}

.notice ul {
    height: 36px;
    overflow: hidden
}

.notice li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    float: left
}

.notice li a {
    color: #666
}

.queryList {
    width: 100%;
    border-top: #d1d1d1 1px solid;
    border-bottom: #d1d1d1 1px solid;
    overflow: hidden
}

.queryList li {
    float: left;
    width: 33.33%;
    background: #FFF;
    border-top: #ededed 1px solid;
    border-left: #ededed 1px solid;
    margin-top: -1px;
    margin-left: -1px;
    overflow: hidden
}

.queryList li a {
    color: #666;
    display: block;
    padding: 15px 0 15px 15px;
    font-weight: normal;
    font-size: 16px
}

.queryList li a i {
    background: url("../mobileimg/pack.png") no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 2px;
    margin-right: 5px
}

.queryList li a i.icon1 {
    background-position: 0 0
}

.queryList li a i.icon2 {
    background-position: 0 -72px
}

.queryList li a i.icon3 {
    background-position: 0 -90px
}

.queryList li a i.icon4 {
    background-position: 0 -18px
}

.queryList li a i.icon5 {
    background-position: 0 -36px
}

.queryList li a i.icon6 {
    background-position: 0 -108px
}

.bg {
    background-color: #fafafa
}

.borderTop {
    border-top: #d9d9d9 1px solid
}

.half .autoimgbox {
    max-width: 320px;
    min-width: 160px;
    width: auto;
    height: auto;
    overflow: hidden
}

.half .autoimgbox img {
    height: auto;
    width: 100%
}

.IndexAdvert {
    overflow: hidden;
    border-top: #d9d9d9 1px solid;
    margin-top: -1px;
    height: 65px
}

.IndexAdvert .aBlock {
    display: block;
    padding: 10px 10px 0;
    overflow: hidden;
    clear: both;
    cursor: pointer
}

.IndexAdvert .name {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden
}

.IndexAdvert .describe {
    display: block;
    font-size: 14px;
    color: #999;
    overflow: hidden
}

.IndexAdvert .imgbox {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    overflow: hidden
}

.IndexAdvert .imgbox img {
    width: 50px;
    height: 50px;
    border: 0 none
}

.catenate {
    overflow: hidden;
    border-top: #d9d9d9 1px solid;
    margin-top: -1px;
    height: 130px;
    background-color: #FFF
}

.catenate .aBlock {
    display: block;
    padding: 15px 10px 0;
    overflow: hidden;
    clear: both;
    cursor: pointer
}

.catenate .name {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden
}

.catenate .describe {
    display: block;
    font-size: 14px;
    color: #666;
    overflow: hidden
}

.catenate .imgbox1 {
    max-width: 320px;
    min-width: 160px;
    width: auto;
    height: auto;
    overflow: hidden
}

.catenate .imgbox1 img {
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block
}

.catenate .imgbox2 {
    width: 90px;
    height: 90px;
    margin: 5px 10px 0;
    overflow: hidden
}

.catenate .imgbox2 img {
    width: 90px;
    height: 90px;
    border: 0 none
}

.recomBox .linkAd img {
    display: block;
    width: 158px;
    margin: 0 auto
}

.linkTwoList {
    width: 100%;
    overflow: hidden
}

.linkTwoList ul {
    padding: 5px 0;
    overflow: hidden
}

.linkTwoList li {
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.linkTwoList li a {
    display: block;
    padding-left: 10px;
    color: #666
}

.linkTwoList li a span {
    font-size: 18px;
    font-weight: bold
}

.linkWrap {
    overflow: hidden;
    border-top: #d9d9d9 1px solid;
    margin-top: -1px;
    height: 85px
}

.linkWrap .caption {
    float: left;
    width: 30%;
    text-align: center
}

.linkWrap .caption img {
    width: 60px;
    height: 60px;
    border: 0 none;
    margin-top: 14px
}

.linkWrap .caption h3 {
    font-size: 18px;
    margin-top: 30px;
    font-weight: normal
}

.linkWrap .note {
    margin-left: 30%
}

.linkAd {
    overflow: hidden;
    height: 170px
}

.linkAd img {
    height: auto;
    width: 100%
}

.linkOneList {
    width: 100%;
    padding: 5px 0;
    overflow: hidden
}

.linkOneList li {
    float: left;
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.linkOneList li a {
    display: block;
    padding-left: 10px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.linkOneList li a span {
    font-size: 18px;
    font-weight: bold
}

.phoneList {
    overflow: hidden
}

.phoneList li {
    float: left;
    width: 50%;
    border-top: #ededed 1px solid;
    margin-top: -1px;
    border-left: #ededed 1px solid;
    margin-left: -1px;
    overflow: hidden
}

.phoneList li .aBlock {
    display: block;
    padding: 10px;
    overflow: hidden;
    clear: both
}

.phoneList li .imgbox {
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    position: relative
}

.phoneList li .imgbox img {
    height: 120px;
    border: 0 none;
    margin: 5px auto
}

.phoneList li .imgbox i {
    background: url("../mobileimg/posted.png") no-repeat 0 0;
    width: 65px;
    height: 63px;
    display: block;
    position: absolute;
    top: 0;
    right: 5px
}

.phoneList li .name {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    color: #333;
    margin-bottom: 5px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.phoneList li .price {
    display: block;
    margin-bottom: 5px;
    color: #666
}

.phoneList li .gray {
    display: block;
    margin-bottom: 5px;
    color: #999
}

.tariffList {
    overflow: hidden
}

.tariffList li {
    float: left;
    width: 50%;
    text-align: center;
    overflow: hidden
}

.tariffList li .aBlock {
    display: inline-block;
    width: 185px;
    height: 185px;
    margin: 10px auto
}

.tariffList li .imgbox {
    display: block;
    width: 185px;
    height: 155px
}

.tariffList li .imgbox img {
    width: 185px;
    height: 149px;
    border: 0 none
}

.tariffList li .name {
    display: block;
    font-size: 14px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    overflow: hidden
}

.G4 li .aBlock {
    background: #197ed4;
    border: #0a85ca 1px solid
}

.G4 li .name {
    background: #1676c9;
    color: #FFF
}

.benefits li .aBlock {
    background: #8bcd24;
    border: #83b911 1px solid
}

.benefits li .name {
    background: #83c320;
    color: #f5f5f5
}

.mZone li .aBlock {
    background: #fde1a6;
    border: #e4c8b3 1px solid
}

.mZone li .name {
    background: #efd49c;
    color: #936828
}

.packageWrap {
    background: #FFF;
    width: 100%;
    margin-bottom: 10px;
    text-shadow: none;
    overflow: hidden
}

.packageWrap .head {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    border-bottom: #d9d9d9 1px solid;
    text-shadow: none
}

.packageWrap .head em {
    height: 40px;
    width: 4px;
    float: left;
    margin-right: 8px
}

.packageWrap .head em.G4 {
    background: #197ed4
}

.packageWrap .head em.benefits {
    background: #8bcd24
}

.packageWrap .head em.mZone {
    background: #fda415
}

.packageWrap .note {
    padding: 10px 0;
    overflow: hidden
}

.TariffPackList {
    margin: 0 10px;
    overflow: hidden
}

.TariffPackList li {
    float: left;
    width: 100%;
    border-bottom: #e1e1e1 1px solid;
    overflow: hidden
}

.TariffPackList li .img-name {
    float: left;
    width: 127px;
    height: 127px;
    margin: 10px auto
}

.TariffPackList li .img-name .imgbox {
    display: block;
    width: 127px;
    height: 102px
}

.TariffPackList li .img-name .imgbox img {
    width: 127px;
    height: 102px;
    border: 0 none
}

.TariffPackList li .img-name .name {
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden
}

.G4 li .img-name {
    background: #197ed4;
    border: #0a85ca 1px solid
}

.G4 li .img-name .name {
    background: #1676c9;
    color: #FFF
}

.benefits li .img-name {
    background: #8bcd24;
    border: #83b911 1px solid
}

.benefits li .img-name .name {
    background: #83c320;
    color: #f5f5f5
}

.mZone li .img-name {
    background: #fde1a6;
    border: #e4c8b3 1px solid
}

.mZone li .img-name .name {
    background: #efd49c;
    color: #936828
}

.TariffPackList li .content {
    margin-left: 140px;
    margin-top: 10px
}

.TariffPackList li .designation {
    display: block;
    color: #0068b7;
    font-size: 16px
}

.TariffPackList li .meal {
    display: block;
    color: #333;
    font-size: 14px;
    margin: 4px 0
}

.TariffPackList li .meal span {
    margin: 0 4px
}

.TariffPackList li .btn {
    background: #f75c0e;
    color: #FFF;
    float: right;
    width: 110px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    cursor: pointer
}

.PackageInfo {
    width: 98%;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 12px
}

.PackageInfo td, .PackageInfo th {
    border: #99cbe5 1px solid;
    line-height: 24px;
    color: #000;
    text-shadow: none
}

.PackageInfo th {
    background: #c6e7f8;
    width: 80px;
    padding: 5px;
    text-align: center;
    word-break: break-all
}

.PackageInfo td {
    text-align: left;
    padding: 5px
}

.groupTab {
    overflow: hidden
}

.groupTab .Head {
    height: 36px;
    margin-left: 15px
}

.groupTab .Head li {
    float: left;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    position: relative
}

.groupTab .Head li a {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 8px
}

.groupTab .Head li span {
    display: inline-block;
    color: #939393;
    font-size: 16px;
    margin: 0 6px
}

.groupTab .Head li.on a {
    color: #FFF;
    background: #4fa4e4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -border-radius: 4px;
    -o-border-radius: 4px
}

.groupTab .Head li.on i {
    background: url("../mobileimg/groupTabOn.png") no-repeat 0 0;
    width: 12px;
    height: 8px;
    display: block;
    position: absolute;
    left: 30px
}

.groupTab .Note {
    border: #afd1e3 1px solid;
    padding: 10px;
    margin: 8px 10px 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-shadow: none
}

.groupTab .Note > div {
    width: 100%
}

.MemberList {
    overflow: hidden
}

.MemberList li {
    width: 100%;
    float: left;
    margin: 5px 0
}

.MemberList li span {
    margin-right: 6px
}

.approval {
    overflow: hidden
}

.approval ul {
    width: 100%;
    overflow: hidden
}

.approval li {
    float: left;
    width: 100%;
    border-bottom: #e1e1e1 1px dashed;
    line-height: 22px;
    padding: 10px 0
}

.approval li p {
    margin-left: 10px
}

.approval li .ui-radio {
    display: inline-block
}

.approval li .inBlock {
    display: inline-block;
    margin-left: 30px
}

.upgrade {
    overflow: hidden
}

.upgrade li {
    float: left;
    width: 50%;
    overflow: hidden
}

.upgrade li .area {
    border: 4px solid #4fa4e4;
    padding: 5px;
    margin: 0 3px
}

.preferential {
    margin-bottom: 10px;
    overflow: hidden
}

.preferential li {
    border-bottom: #e1e1e1 1px dotted;
    float: left;
    padding: 10px 0;
    margin: 0 10px;
    overflow: hidden
}

.preferential li .name {
    display: block;
    font-size: 16px;
    color: #0085d0;
    margin-bottom: 5px
}

.preferential li .note {
    display: block;
    line-height: 22px;
    text-indent: 20px
}

.tabWrap {
    border-bottom: #e1e1e1 1px solid;
    height: 36px;
    width: 100%;
    overflow: hidden
}

.tabType {
    height: 36px;
    width: 100%;
    display: table
}

.tabType li {
    width: 25%;
    float: left;
    text-align: center;
    height: 36px;
    line-height: 36px
}

.tabType .tabCell {
    display: inline-block;
    color: #333
}

.tabType .tabCell span {
    float: left
}

.tabType .tabCell i {
    background: url("../mobileimg/pic.png") no-repeat;
    width: 10px;
    height: 30px;
    float: left;
    margin-left: 4px
}

.tabType .tabCell i.asc {
    background-position: -36px -72px
}

.tabType .tabCell i.desc {
    background-position: -46px -72px
}

.tabType .tabCell i.ascOn {
    background-position: -56px -72px
}

.tabType .tabCell i.descOn {
    background-position: -66px -72px
}

.tabType .tabCell .arrow {
    background: url("../mobileimg/pic.png") no-repeat -36px -36px;
    width: 20px;
    height: 40px;
    float: left
}

.filterbar {
    width: 220px;
    position: absolute;
    right: 0;
    z-index: 9999;
    overflow: hidden;
    transform-origin: 0 0;
    opacity: 1;
    transform: scale(1, 1);
    height: 1900px;
    top: 28px
}

.filterpop {
    background-color: #666;
    color: #FFF;
    min-height: 100%;
    padding-bottom: 50px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 220px;
    z-index: 50
}

.slideAction {
    padding: 5px 0;
    border-bottom: 1px solid #FFF;
    overflow: hidden
}

.slideAction a {
    color: #FFF;
    border: #a0a0a0 2px solid;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    margin: 0 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer
}

.slideAction a.reset {
    background-color: #666;
    width: 80px
}

.slideAction a.sure {
    background-color: #a0a0a0;
    width: 90px
}

.slideList {
    overflow: hidden
}

.slideList li .li-a {
    background: url("../mobileimg/icon_list.png") no-repeat scroll 100% -25px transparent;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    display: block;
    font-size: 16px;
    padding: 8px 5px;
    overflow: hidden
}

.slideList li .li-a.on {
    background-position: 100% 5px
}

.slideList li .li-a span.name {
    float: left;
    width: 64px
}

.slideList li .li-a span.value {
    float: left;
    width: 100px;
    height: 24px;
    text-align: right;
    color: #bee3fb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.slide-sel {
    border-bottom: 1px solid #FFF;
    font-size: 14px;
    height: 210px;
    overflow-y: scroll;
    padding: 5px 5px 5px 0
}

.slide-sel li {
    margin-bottom: 5px
}

.slide-sel li a {
    color: #FFF;
    display: block;
    padding: 6px 0 6px 10px;
    background: url("../mobileimg/icon_list.png") no-repeat right -65px
}

.slide-sel li a span {
    padding-left: 3px;
    display: block
}

.slide-sel li a.on {
    background-position: right -100px
}

.filterslid {
    background: url("../mobileimg/icon_slid.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    left: 12px;
    position: absolute;
    top: 40%;
    width: 58px;
    cursor: pointer
}

.mallselected {
    padding: 3px 12px;
    border: 1px solid #BBB;
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin: 5px 5px 5px 0;
    cursor: pointer;
    background: url("../mobileimg/select.png") no-repeat right bottom;
    border-color: #e40077
}

.purchase {
    overflow: hidden
}

.purchase li {
    background: #FFF;
    border-bottom: #e1e1e1 1px solid;
    margin-top: 10px;
    padding: 0 10px;
    overflow: hidden
}

.purchase li .aBlock {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    clear: both
}

.purchase li .imgbox {
    width: 100px;
    height: 100px;
    margin: 5px 10px 5px 0;
    float: left;
    clear: both
}

.purchase li .imgbox img {
    height: 100px;
    border: #e0e0e0 1px solid;
    box-shadow: 2px 2px 2px #dbdbdb
}

.purchase li .describe {
    display: block;
    overflow: hidden
}

.purchase .describe .title {
    display: block;
    margin: 5px 0 .3em;
    font-size: 14px;
    color: #555;
    overflow: hidden;
    max-height: 39px
}

.purchase .describe .Description {
    display: block;
    margin: 5px 0 .3em;
    font-size: 14px;
    color: #ff9102;
    overflow: hidden;
    max-height: 80px
}

.purchase .describe .sale {
    display: block;
    color: #666;
    font-size: 12px;
    margin-bottom: 5px
}

.tabOrder {
    width: 100%;
    overflow: hidden
}

.tabOrder li {
    width: 20%;
    float: left;
    text-align: center;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

.tabOrder li a {
    color: #333
}

.tabOrder li.on a {
    color: #84c71c
}

.orderList {
    background: #e0e0e0;
    overflow: hidden;
    margin-top: 10px
}

.orderList ul {
    overflow: hidden
}

.orderList li {
    background: #FFF;
    border-bottom: #c9c9c9 1px solid;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden
}

.orderList li .num {
    border-bottom: #e1e1e1 1px dotted;
    height: 32px;
    line-height: 32px
}

.orderList li .bg1, .orderList li .bg2 {
    background: 0;
    padding: 0 5px;
    display: inline-block
}

.orderList li .bg1 {
    color: #ffa200
}

.orderList li .bg2 {
    color: #0186cf
}

.orderList li .aBlock {
    display: block;
    padding: 0 0 10px 10px;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #d7d7d7
}

.orderList li .imgbox {
    width: 80px;
    height: 80px;
    margin: 5px 10px 5px 0;
    float: left;
    clear: both
}

.orderList li .imgbox img {
    width: 80px;
    height: 80px;
    border: #e0e0e0 1px solid;
    box-shadow: 2px 2px 2px #dbdbdb
}

.orderList li .describe {
    display: block;
    overflow: hidden
}

.orderList .describe .title {
    display: block;
    margin: 10px 0 .3em;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    max-height: 40px
}

.orderList .describe .title i {
    float: right
}

.orderList .describe .option {
    display: block;
    color: #666;
    margin-bottom: 5px
}

.orderList li .tableWrap {
    overflow: hidden
}

.orderList .tableWrap table {
    width: 98%;
    margin: 0 auto;
    border-collapse: collapse
}

.orderList .tableWrap td, .orderList .tableWrap th {
    line-height: 28px;
    text-shadow: none;
    border: #8dc6fe 1px solid
}

.orderList .tableWrap th {
    background: #bde2fb;
    text-align: center;
    word-break: break-all;
    color: #333
}

.orderList .tableWrap td {
    background: #FFF;
    text-align: center;
    word-break: break-word;
    color: #333;
    line-height: 28px
}

.phonePic {
    width: 100%;
    background: #FFF;
    margin: 5px auto 0;
    position: relative
}

.picBox {
    width: 320px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.picBox .picBtn span.nav_prev, .picBox .picBtn span.nav_next {
    background: url("../mobileimg/point.gif") no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    text-indent: -1000px;
    cursor: pointer;
    position: absolute;
    top: 90px
}

.picBox .picBtn span.nav_prev {
    background-position: 0 0;
    left: 5px
}

.picBox .picBtn span.nav_next {
    background-position: -24px 0;
    right: 5px
}

.picBox .picArea {
    width: 100%;
    overflow: hidden
}

.picBox .picArea .item {
    text-align: center
}

.picBox .picArea .item a {
    display: block;
    width: 320px;
    height: 200px;
    text-align: center;
    padding-top: 10px
}

.phonePic .priceArea {
    background: rgba(0, 0, 0, 0.35);
    width: 100%;
    height: 36px;
    display: block;
    color: #d00;
    font-size: 16px;
    line-height: 36px;
    text-indent: 20px;
    text-shadow: none;
    position: absolute;
    bottom: 0;
    left: 0
}

.porSelt {
    background: #FFF;
    overflow: hidden
}

.porSelt dl {
    border-bottom: 1px dashed #e9e9e9;
    padding: 6px 15px;
    font-size: 12px;
    text-shadow: none
}

.porSelt dl.end {
    border: 0
}

.porSelt dt {
    float: left;
    width: 60px;
    text-align: left;
    color: #666;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    height: 100%
}

.porSelt dd {
    margin-left: 70px
}

.porSelt dd i {
    font-size: 20px;
    color: #e70000;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    display: inline-block;
    height: 37px;
    line-height: 37px
}

.porSelt dd samp {
    display: inline-block;
    height: 35px;
    line-height: 35px
}

.porSelt dd a {
    padding: 3px 12px;
    border: 1px solid #BBB;
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin: 5px 5px 5px 0;
    cursor: pointer
}

.porSelt dd a.cur {
    background: url("../mobileimg/select.png") no-repeat right bottom;
    border-color: #e40077
}

.porSelt dd span {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 5px 0;
    border: 1px solid #BBB;
    cursor: pointer
}

.porSelt dd span.smn {
    background: #EEE
}

.porSelt dd span.sco {
    background: #FFF;
    width: 60px;
    border-width: 1px 0;
    overflow: hidden
}

.porSelt dd span.sco .ui-input-text {
    margin: 0;
    text-shadow: none;
    width: 60px;
    height: 25px;
    box-shadow: none;
    border: 0 none
}

.porSelt dd span.sco input {
    width: 100%;
    text-align: center;
    border: 0 none
}

.porSelt dd span.smx {
    background: #FFF
}

.accountsBtn {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    left: 0
}

p.tit {
    font-size: 16px
}

p.tit i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background: #0186cf;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    display: inline-block;
    margin-right: 5px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.tcnr table {
    width: 100%;
    border-collapse: collapse
}

.tcnr th, .tcnr td {
    padding: 10px;
    background: #f3f3f3;
    font-weight: normal;
    border: 1px solid #FFF
}

.tcnr th {
    background: #e7e7e7
}

.alert {
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #fc664e;
    margin: 10px;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.alert .alert-title {
    padding-left: 15px;
    font-size: 14px
}

.alert .alert-title em {
    background: url("../mobileimg/tipsIcon.png") no-repeat 0 -40px;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.logistics {
    border: #e6e6e6 1px solid;
    background: #fbfbfb;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden
}

.logistics li {
    float: left;
    width: 95%;
    display: block;
    padding: 4px 0;
    color: #333;
    line-height: 28px
}

.logistics li:hover {
    background: #f5f5f5
}

.logistics li span {
    float: left
}

.logistics li i {
    float: left;
    background: url("../mobileimg/up.png") no-repeat;
    width: 20px;
    height: 24px;
    overflow: hidden;
    margin-left: 5px
}

.logistics li i.up {
    background-position: 0 -3px;
    display: none
}

.logistics li i.down {
    background-position: -20px -3px
}

.logistics li p {
    width: 100%;
    float: left;
    margin-left: 20px
}

.logistics li.open i.up {
    display: block
}

.logistics li.open i.down {
    display: none
}

.accounts {
    background: #e0e0e0;
    border-top: #a0a0a0 2px dashed;
    margin: 10px 0;
    padding: 10px 0;
    width: 100%;
    float: left;
    overflow: hidden;
    text-shadow: none
}

.addressEdit1 > span > .ui-input-text {
    width: 90%
}

.addressEdit2 > span > .ui-input-text {
    display: inline-block;
    width: 80%
}

.addressEdit3 .ui-input-text {
    display: inline-block;
    width: 70%
}

.NumList {
    overflow: hidden
}

.NumList li {
    background: #FFF url("../mobileimg/Lline.png") no-repeat left center;
    width: 50%;
    float: left;
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
    font-size: 1.2em;
    margin-left: -1px
}

.NumList li a.aBlock {
    display: block;
    overflow: hidden;
    color: #545454;
    cursor: pointer;
    padding: 15px 0
}

.NumList li span {
    display: block;
    margin: 4px 0
}

.NumList li span i {
    font-style: normal
}

.screenList {
    background: #efefef;
    margin: 3px 10px 10px;
    overflow: hidden
}

.screenList li {
    width: 20%;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.screenList li a {
    display: inline-block;
    padding: 0 8px;
    color: #666
}

.screenList li.on a {
    border-bottom: #9cc813 2px solid;
    color: #e40077;
    height: 28px
}

.numInputBox {
    width: 90%;
    margin: 10px auto;
    height: 32px;
    background: #FFF;
    border: #e40077 1px solid;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.numInputBox .ui-input-text {
    display: inline-block;
    margin: 0;
    border: 0 none;
    text-shadow: none;
    box-shadow: none
}

.numInputBox .ui-btn {
    background: url("../mobileimg/pic.png") no-repeat -13px -108px;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: right;
    border: 0 none;
    box-shadow: none;
    margin: 4px 0 0;
    cursor: pointer
}

.numInputBox .ui-btn:hover {
    background: url("../mobileimg/pic.png") no-repeat -13px -108px
}

.b_frame {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    font-size: 18px
}

.b_frame i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 8px;
    float: left
}

.green_bg {
    background: #52dcbe
}

.green_bg i {
    background: url("../mobileimg/broad_02.png") no-repeat
}

.yellow_bg {
    background: #ffa002
}

.yellow_bg i {
    background: url("../mobileimg/broad_06.png") no-repeat
}

.broad_ul li {
    float: left;
    border-right: 1px solid #FFF;
    cursor: pointer;
    width: 33%
}

.broad_ul li:last-child, .tarf_tabHead li:last-child {
    border: 0
}

.broad_ul li img {
    width: 100%
}

.renew li {
    background: #fff4e0;
    text-align: center
}

.renew li img {
    width: 74%;
    margin: 10px auto
}

.renew li p, .broadNew_ul li p {
    background: #398ada;
    border-radius: 20px;
    height: 2.5em;
    width: 80%;
    color: #FFF;
    margin: 5px auto 10px;
    line-height: 2.5em;
    text-align: center
}

.broadNew_ul li {
    background-color: #e5f8f4
}

.renew label, .broadNew_ul label {
    display: inline;
    font-size: 1em;
    font-style: normal
}

.tips {
    width: 100%;
    float: left;
    margin-left: 10px
}

.info {
    float: left;
    margin: 22px;
    width: 92%;
    border: 2px dashed #b1c4d7;
    border-radius: 10px;
    text-align: center;
    padding: 50px 0
}

.info p {
    font-size: 16px;
    color: #888;
    line-height: 24px;
    text-align: center;
    margin-top: 10px
}

.loca .head {
    text-indent: 20px;
    height: auto;
    padding: 8px 0;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #d9d9d9;
    text-shadow: none
}

.loca .head.f_14 {
    font-size: 14px
}

.site li {
    margin: 10px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px
}

.site li img {
    float: left
}

.site li .site_info {
    padding-top: 5px;
    margin-left: 10px;
    width: 50%;
    float: left;
    line-height: 24px
}

.site li .site_info .title {
    color: #0068b7
}

.site li .btn {
    background: #f75c0e;
    color: #FFF;
    float: right;
    width: 110px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-bottom: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    cursor: pointer
}

.Btn15 {
    width: 80%;
    color: #FFF;
    background: #f75c0e;
    border: #f75c0e 1px solid
}

.order_a li {
    line-height: 32px
}

.order_a li .w60 {
    width: 60%
}

.formBox .w400 > div {
    width: 70%;
    display: inline-block
}

.formBox .w400 p {
    width: 69%;
    color: #888;
    font-size: 12px
}

.lh24 {
    line-height: 24px
}

.TabIfon .broad_tip {
    margin: 22px;
    width: 90%;
    border: 1px dashed #e4007f;
    border-radius: 6px;
    background: #fffafc;
    padding: 10px
}

.TabIfon .broad_ul {
    margin: 0 22px;
    width: 100%
}

.TabIfon .broad_ul li {
    width: 100%;
    height: 30px;
    line-height: 30px
}

.TabIfon .broad_ul li i {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    background: url("../images/broad/broad_icon.png") no-repeat;
    margin: 7px 8px
}

.TabIfon .broad_ul li .address {
    background-position: 0 -30px
}

.TabIfon .broad_ul li .account {
    background-position: 0 -60px
}

.TabIfon .broad_ul li .sale {
    background-position: 0 -90px
}

.TabIfon .slogan {
    float: left;
    margin: 10px 22px;
    width: 92%;
    border-top: 1px solid #d7d7d7;
    padding-top: 15px;
    line-height: 24px
}

.Pack {
    width: 100%
}

.Pack_title li {
    float: left;
    width: 33%;
    background: #005d9e;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    text-shadow: none;
    text-align: center;
    border-right: 1px solid #FFF
}

.Pack_title li.on {
    background: #77d5ff
}

.Pack table {
    border: 2px solid #333
}

.Pack table tr td {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

.Pack table tr td:first-child {
    width: 30px
}

.addressEdit1 input[type="text"] {
    font: 14px/2em "Microsoft Yahei";
    color: #888;
    text-indent: 10px
}

.paycate i {
    display: block;
    width: 30px;
    height: 36px;
    background: url("../mobileimg/p_cate.png") left center no-repeat;
    float: left
}

.payrank ul li {
    width: 30%;
    text-align: center;
    margin: 5px 7px
}

.payrank ul .mn {
    margin-right: 0;
    height: 36px;
    line-height: 34px
}

.se_tit {
    background: #bfe5ff;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    margin-bottom: 10px
}

.block .blue {
    color: #398ada;
    font-style: normal
}

.mlb5 {
    margin-left: 5%
}

.m010 {
    margin: 10px 0
}

.payWrap {
    background: #FFF;
    padding: 15px 0
}

.payWrap .line {
    color: #666;
    display: block;
    line-height: 25px;
    margin-left: 10px;
    overflow: hidden
}

.payWrap .line span {
    color: #333
}

.payWrap .line span.orange {
    color: #fc664e
}

.tip_ico {
    display: block;
    width: 30px;
    height: 25px;
    background: url("../mobileimg/tip_i.png") center center no-repeat;
    float: left
}

.test .line > div {
    width: 60%
}

.moblie_m {
    width: 20%;
    border: 1px solid #e3e3e3;
    margin-right: 4%;
    float: left;
    min-width: 100px
}

.moblie_m.nobr {
    border: 0
}

.moblie_m img {
    width: 100%;
    min-width: 100px
}

.moblie_ifno p {
    line-height: 20px;
    margin-bottom: 15px;
    text-indent: 20px
}

.moblie_ifno .btn_appDown {
    margin-top: 2%;
    margin-right: 2%;
    width: 26%;
    padding: 0 2%
}

.errorHead {
    background: #a5e9ff
}

.errorHead .red02 {
    color: #ec1f58
}

.errorHead img {
    width: 100%
}

.er_line {
    width: 100%;
    height: 40px;
    float: left
}

.errorHead .recommend {
    float: left;
    background: #FFF;
    margin: 0 4%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 92%;
    margin-bottom: 20px
}

.errorHead .recommend img {
    width: 100%
}

.er_line .e_img {
    background: url("../images/error/word.png") center center no-repeat;
    width: 387px;
    height: 32px;
    margin: 0 auto
}

.tit_a {
    font-size: 22px;
    margin-left: 15px;
    line-height: 36px
}

.tit_b {
    font-size: 16px;
    margin-left: 15px;
    line-height: 24px
}

.cont_c {
    margin: 5px 15px 15px
}

.cont_c i {
    font-style: normal
}

.errorMain .title {
    height: 43px;
    line-height: 42px;
    border-bottom: 1px solid #d7d7d7;
    font-size: 16px
}

.errorMain .title i {
    display: inherit;
    width: 30px;
    height: 30px;
    background: url("../images/error/error_dl.png") no-repeat;
    background-size: 30px;
    float: left;
    margin: 6px 8px 0
}

.errorMain .title .search {
    background-position: 0 0
}

.errorMain .title .passWay {
    background-position: 0 -40px
}

.errorMain .title .downLoad {
    background-position: 0 -80px
}

.errorMain ul {
    width: 100%
}

.errorMain .sameSty li a {
    padding: 15px 0
}

.errorMain .sameSty li {
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer
}

.errorMain .sameSty li img {
    width: 50%
}

.errorMain .downLoad li {
    border-right: 1px solid #d7d7d7;
    width: 24.8%;
    border-bottom: 1px solid #d7d7d7
}

.errorMain .downLoad li:last-child {
    border-right: 0
}

.errorMain .downLoad li img {
    width: 40px
}

.errorMain .sameSty li a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #333
}

.errorMain .sameSty li a:hover {
    color: #398ada
}

.errorMain .downLoad li a:hover {
    color: #398ada;
    background: #f7f7f7
}

.overHead {
    background: #eef7ff
}

.overHead .over_img01 {
    width: 100%
}

.overHead .over_img02 {
    width: 18%;
    margin: 0 41%;
    min-width: 100px;
    border: 0
}

.over_content {
    width: 66%;
    margin: 0 17%
}

.over_content i {
    font-style: normal
}

.Btu16, .Btu17 {
    width: 40%;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    display: inline-block;
    margin: 0 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    cursor: pointer;
    color: #FFF
}

.Btu16 {
    background: #32b7fa;
    border: 1px solid #50c8dc
}

.Btu17 {
    background: #f8bc26;
    border: 1px solid #f5bb29
}

.overHead .line {
    padding: 20px 0
}

.gm_main a {
    cursor: pointer
}

.gm_banner img {
    width: 100%
}

.gm_main {
    background: #e7f2f8
}

.gmbox {
    width: 100%;
    padding: 10px 0
}

.gmbox ul {
    height: 40px;
    line-height: 40px;
    margin: 0 10px
}

.gmbox li {
    float: left;
    width: 32.5%;
    margin-right: 1%;
    background: #6ec8d2;
    font-size: 18px;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    text-align: center
}

.gmbox li:last-child {
    margin-right: 0
}

.gmbox li.on {
    background: #f6d769
}

.gm_coent, .gm_price .myxz, .gm_place .myxz {
    background: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 10px
}

.gm_coent {
    display: block;
    position: relative;
    padding-left: 12%;
    overflow: hidden
}

.gm_coent .gm_guide {
    width: 12%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%
}

.gm_coent .green_circle, .gm_coent .orange_circle {
    margin: 10px auto;
    display: block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    background: #33b181;
    font-style: normal;
    color: #FFF
}

.gm_coent .green_line, .gm_coent .orange_line {
    width: 50%;
    border-right: 1px dotted #33b181;
    height: 30%
}

.gm_coent .orange_circle {
    background: #fe8e8e
}

.gm_coent .orange_line {
    border-right: 1px dotted #fe8e8e
}

.gm_coent .gm_guide img {
    text-align: center;
    width: 84%;
    margin-left: 8%
}

.gm_coent .myxz_det {
    width: 84%;
    margin: 0 2%;
    padding-top: 10px;
    float: left
}

.gm_coent .myxz_det h1, .gm_coent .myxz_det h2 {
    background: #33b181;
    color: #FFF;
    font-size: 18px;
    text-indent: 10px;
    padding: 3px 0
}

.gm_coent .myxz_det h2 {
    background: #fe8e8e
}

.gm_coent .myxz_det p {
    margin: 8px 0
}

.gm_coent .myxz_det i, .gm_coent .myxz_det em {
    font-style: normal;
    color: #33b181
}

.gm_coent .myxz_det em {
    color: #fe8e8e
}

.gm_price, .gm_place {
    float: left;
    width: 100%
}

.gm_price .myxz {
    padding: 5px 10px 10px 10px
}

.gm_price .tit_01, .gm_price .tit_02 {
    background: #33b181;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    padding: 5px 0
}

.gm_price .tit_02 {
    background: #fe8e8e
}

.gm_price p {
    margin: 8px 0;
    line-height: 22px;
    text-indent: 20px
}

.gm_price .dianji a {
    float: right;
    margin: 10px;
    margin-top: 0
}

.gm_price .gradeArea {
    display: block;
    padding: 3px 10px;
    font-size: 16px;
    background: #fe8e8e;
    font-weight: bold;
    color: #FFF;
    width: 20%;
    margin: 10px 0;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 1px 0 0 #e75858, 0 1px 0 #e75858, 0 -1px 0 #e75858, -1px 0 0 #e75858, 1px 0 1px #e75858, 0 1px 1px #e75858, 0 -1px 1px #e75858, -1px 0 1px #e75858
}

.gm_place .myxz {
    padding: 10px;
    padding-top: 0
}

.gm_price table {
    width: 100%
}

.gm_price table th {
    color: #fe8e8e;
    border: 1px solid #d7d7d7;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    width: 20%;
    padding: 10px 0
}

.gm_price table td {
    border: 1px solid #d7d7d7;
    padding: 5px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px
}

.gm_place h3 {
    line-height: 40px;
    color: #fe8e8e;
    border-bottom: 1px solid #fe8e8e;
    margin-top: 10px
}

.gm_place .didian {
    width: 100%;
    float: left
}

.gm_place .didiana {
    display: block;
    background: #f3f3f3;
    padding: 5px 0;
    width: 32%;
    float: left;
    text-align: center;
    margin-right: 2%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 10px;
    color: #333
}

.gm_place .didiana.nomr {
    margin-right: 0
}

.place li {
    width: 49.5%
}

.wxts {
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px
}

.wxts p {
    margin: 0
}

.ztczmain {
    height: 36px;
    line-height: 36px;
    text-indent: 20px
}

.fontztcz {
    color: #36f
}

.fontwxts {
    color: #6ec8d2
}

.step_02 {
    border: 1px solid #f6d769
}

.step_02 li {
    border-right: 1px solid #f6d769;
    float: left;
    width: 33.22%;
    text-align: center;
    color: #f6d769;
    padding: 3px 0;
    cursor: pointer
}

.step_02 li.on {
    background: #f6d769;
    color: #FFF
}

.step_02 li:last-child {
    border-right: 0
}

.cyxx {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
    margin-top: 10px
}

.back_home {
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #d7d7d7
}

.back_home a {
    color: #3c8cdc
}

.back_home a:hover {
    text-decoration: underline
}

.back_home_icon {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../mobileimg/home.png") center center no-repeat;
    margin-right: 5px
}

.p_info {
    border-top: 1px dotted #d7d7d7;
    margin-top: 10px;
    padding-top: 10px
}

.agreementHref:hover {
    text-decoration: underline
}

.tarf_tabHead {
    background: #FFF;
    margin-bottom: 10px
}

.tarf_tabHead li {
    width: 33%;
    line-height: 2em;
    padding-bottom: .2em;
    border-right: 1px solid #d7d7d7;
    background: url("../images/tariff/tariff_topNav.png") center no-repeat;
    background-size: 100%;
    float: left
}

.tarf_tabHead .on {
    background-color: #bde2fb
}

.dashedTip_pink, .solidTip_pink {
    width: 88%;
    padding: 5px 2%;
    margin: 10px auto;
    border: 1px dashed #e40077;
    border-radius: 4px;
    font-size: .8em;
    line-height: 1.6em;
    background-color: #fffafc;
    text-align: left
}

.solidTip_pink {
    border-style: solid;
    padding: 3%
}

.tarf_jfbox_ul.blue_ul {
    border-bottom: 1px solid #52bafc
}

.tarf_jfbox_ul.green_ul_2 {
    border-bottom: 1px solid #88c923
}

.tarf_jfbox_ul.orange_ul_2 {
    border-bottom: 1px solid #fc9c07
}

.tarf_jfbox {
    margin: 0;
    padding: 0
}

.tarf_jfbox .jfTit {
    height: auto;
    padding: 5px 5%;
    position: relative;
    text-align: left;
    font-size: 16px;
    border-bottom: 0
}

.tarf_jfbox_ul.blue_ul .jfTit {
    border-top: 1px solid #52bafc;
    background-color: #bde2fb;
    color: #333
}

.tarf_jfbox_ul.green_ul_2 .jfTit {
    border-top: 1px solid #88c923;
    background-color: #ccf48f;
    color: #333
}

.tarf_jfbox_ul.orange_ul_2 .jfTit {
    border-top: 1px solid #fc9c07;
    background-color: #fee676;
    color: #333
}

.tarf_jfbox .jfTit a.openBox {
    width: 5%;
    height: 100%;
    padding: 0 2%;
    position: absolute;
    top: 0;
    right: 3%;
    margin: 0;
    background: url("../images/tariff/btn_tarfClose.png") center no-repeat;
    background-size: auto 68%
}

.tarf_jfbox .jfTit a.closBox {
    background-image: url("../images/tariff/btn_tarfOpen.png")
}

.tarf_listTable {
    width: 100%
}

.tarf_listTable th, .tarf_listTable td {
    padding: 10px 5px;
    font-size: 14px;
    border-right: 1px solid #eaeaea
}

.tarf_listTable th {
    background: #FFF;
    font-weight: normal;
    color: #666
}

.tarf_listTable td {
    background: #f3f3f3;
    color: #333
}

.tarf_jfbox .btn14_wrap {
    padding: 3% 0
}

.tarf_jfbox .Btn14 {
    padding: 0 6px;
    width: auto;
    height: auto;
    line-height: 2.2em;
    border-radius: 5px
}

.tarf_grayblock {
    width: 90%;
    padding: 0 5%
}

.tarf_grayblock label, .topInfowrap.mytarf label, .tarf_jfbox_ul label, .ui-mobile .normalLabel {
    display: inline;
    margin: 0;
    font-size: 1em
}

.tarf_grayblock .titwrap {
    margin: 0 auto;
    padding: 15px 0 5px;
    position: relative
}

.tarf_grayblock .deal_btn {
    display: block;
    width: auto;
    float: right;
    padding: 5px 20px;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    right: 0;
    color: #FFF;
    background: #fc664e
}

.tarf_grayblock .navWrap {
    margin: 0 auto;
    padding-bottom: 10px
}

.tarf_grayblock .navtit {
    font: 15px/1.8em "Microsoft Yahei";
    padding-left: 20px;
    text-align: left;
    margin: 5px 0 0 30px
}

.tarf_grayblock .contline {
    font: 12px/2em "Microsoft Yahei";
    padding-left: 17px;
    text-align: left;
    background: url("../images/tariff/tariff_tradeIcon_04.png") left 4px no-repeat;
    background-size: 15px 15px;
    color: #a0a0a0
}

.tarf_grayblock .contline.on {
    color: #398ada
}

.topInfowrap.mytarf, .tableWrap.mytarf, .tarf_jfbox_ul .porList {
    background: #FFF
}

.topInfowrap.mytarf .rel {
    min-height: 30px
}

.topInfowrap.mytarf .Btn1 {
    border-radius: 4px
}

.topInfowrap.mytarf, .tableWrap.mytarf .tit {
    width: 90%;
    padding: 2% 5%
}

.topInfowrap.mytarf, .topInfowrap.mytarf label {
    font: 14px/2em "Microsoft Yahei"
}

.tableWrap.mytarf p {
    padding: 0
}

.tableWrap.mytarf .tit {
    font-weight: normal
}

.tableWrap.mytarf .mytarfTip {
    width: 80%;
    margin: 12px auto 0;
    background: url("../images/tariff/tariff_tipstar.png") 0 9px no-repeat;
    background-size: 12px 12px
}

.mytarf .ListTable {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #f3f3f3
}

.mytarf .ListTable th {
    border: 1px solid #FFF;
    width: 35%;
    padding: 2%
}

.mytarf .ListTable td {
    text-align: left;
    padding: 2%
}

.mytarf .dashedTip_pink {
    margin-top: 5px
}

.mytarf .dashedTip_pink p, .mytarf .dashedTip_pink div > a {
    padding: 0 10px
}

.blue_ul_2 .jfTit, .orange_ul_1 .jfTit, .green_ul_1 .jfTit {
    color: #FFF;
    font-weight: normal;
    padding-left: 30px
}

.tarf_jfbox_ul .blue_ul_2 .jfTit {
    background: #2bacfc url("../images/tariff/tariff_tradeIcons.png") 9px 7px no-repeat;
    background-size: 19px auto
}

.tarf_jfbox_ul .blue_ul_2 .titText {
    background-color: #2bacfc
}

.tarf_jfbox_ul .orange_ul_1 .jfTit {
    background: #fc664e url("../images/tariff/tariff_tradeIcons.png") 9px -27px no-repeat;
    background-size: 19px auto
}

.tarf_jfbox_ul .green_ul_1 .jfTit {
    background: #8fc120 url("../images/tariff/tariff_tradeIcons.png") 9px -60px no-repeat;
    background-size: 19px auto
}

.tarf_jfbox_ul em, .tarf_jfbox_ul i, .dashedTip_pink em, .dashedTip_pink i {
    font-style: normal
}

.tarf_jfbox_ul .tarf_listTable {
    border-collapse: collapse;
    border: 0
}

.blue_ul_2 .tarf_listTable th, .orange_ul_1 .tarf_listTable th, .green_ul_1 .tarf_listTable th {
    border: 0;
    color: #666;
    padding: 10px
}

.tarf_jfbox_ul .blue_ul_2 .tarf_listTable th {
    background-color: #bde2fb
}

.tarf_jfbox_ul .orange_ul_1 .tarf_listTable th {
    background-color: #ffe9e6
}

.tarf_jfbox_ul .green_ul_1 .tarf_listTable th {
    background-color: #e6f7c1
}

.blue_ul_2 .tarf_listTable td, .orange_ul_1 .tarf_listTable td, .green_ul_1 .tarf_listTable td {
    border: 1px solid #e2e2e2;
    border-top: 0;
    background: #FFF
}

.tarf_jfbox_ul tr td:first-child {
    border-left: none
}

.tarf_jfbox_ul tr td:last-child {
    border-right: 0
}

.btn_orange1 {
    background-color: #fc664e;
    border-color: #fc664e
}

.btn_bod_ora1 {
    background-color: #FFF;
    border-color: #fc664e;
    color: #fc664e
}

.btn_gray1 {
    background-color: #d2d2d2;
    border-color: #d2d2d2
}

.btn_bod_gray1 {
    background-color: #FFF;
    border-color: #d2d2d2;
    color: #888
}

.tarf_tabLine {
    text-align: left;
    padding-left: 5%
}

.tarf_jfbox_ul .tableTip {
    width: 88%;
    padding: 2% 6%;
    border-bottom: 1px solid #d2d2d2;
    line-height: 1.8em;
    text-align: left
}

.ads_rightBtn {
    display: block;
    background: url("../images/tariff/ads_rightBtn.png") center no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    background-size: 30%;
    right: 0;
    top: 50%;
    margin-top: -30px
}

.order_infoWrap {
    padding: 2%
}

.order_phoneCover {
    width: 14%;
    margin-right: 3%;
    border: 1px solid #dadada
}

.order_phoneCover {
    min-width: 64px
}

.order_phoneText {
    width: 78%
}

.order_phoneText p {
    line-height: 5vw
}

.order_infoWrap .order_list {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.signBlock {
    padding: 2px 6px;
    display: inline-block;
    font: 14px/1.3em "Microsoft Yahei";
    font-style: normal
}

.signBlock.s_green {
    color: #FFF;
    background-color: #8fc120
}

.ads_chose {
    width: 140px;
    margin: 10px auto;
    background: url("../images/tariff/icon_adsChange.png") left center no-repeat;
    background-size: auto 80%;
    font: 18px/1.8em "Microsoft Yahei";
    padding-left: 30px;
    color: #398ada
}

.addressEdit3 .adsTit {
    padding-left: 13px;
    line-height: 2.6em;
    text-align: right
}

.addressEdit3 .adsInput {
    width: 65%;
    text-align: left;
    text-indent: 0
}

.addressEdit3 .adsInput input[type="text"], .addressEdit3 .adsInput input[type="password"] {
    width: 100%;
    font: 14px/2.6em "Microsoft Yahei";
    color: #888;
    text-indent: 10px;
    background-color: #FFF;
    border: 1px solid #DDD;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-border-radius: .3125em;
    border-radius: .3125em
}

.addressEdit3 .adsInput.ads_codewrap .ads_codeInput {
    width: 49%;
    float: left
}

.addressEdit3 .adsInput.ads_codewrap .ads_codeBtn {
    float: right;
    width: 45%;
    font: 12px/3em "MicrosoftYahei";
    background-color: #f0f9ff;
    border: 1px solid #bde2fc;
    color: #333
}

.addressEdit3 .adsTip {
    font: 12px/1.5em "Microsoft Yahei";
    text-align: left;
    padding: 5px 0;
    margin: 0
}

.solidTip_pink .tipTit_1 {
    background: url("../images/tariff/icon_tipTit.png") left center no-repeat;
    padding-bottom: 3px
}

.formBox .w40per > div {
    width: 40%;
    display: inline-block
}

.formBox .row.w40per > span {
    margin-top: 10px
}

.formBox .row.ml0 {
    margin-left: 0
}

.agreementHref {
    background: url("../images/tariff/icon_agreement.png") 5px center no-repeat;
    background-size: auto 100%;
    padding-left: 1.5em;
    color: #008fd5
}

.ui-mobile .agreem_checkwrap {
    font-size: 14px;
    font-weight: normal
}

.outer4GZone u, .outer4GZone ins {
    text-decoration: none
}

.outer4GZone a {
    color: #3c86e9
}

.outer4GZone a:link, .outer4GZone a:visited, .outer4GZone a:hover, .outer4GZone a:active {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "Simsun";
    text-decoration: none;
    outline: 0
}

.outer4GZone i, .outer4GZone label {
    font-style: normal;
    display: inline;
    font-size: 1em
}

.outermain {
    max-width: 640px;
    min-width: 320px;
    height: auto;
    margin: 0 auto;
    background: #FFF;
    overflow: hidden
}

.topHd {
    background: #0186cf;
    width: auto;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #0186cf
}

.retn {
    background: url("../images/i_06.png") no-repeat 0 center;
    width: 10px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 13px;
    background-size: cover
}

.meun {
    background: url("../images/i_03.png") no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 13px;
    top: 13px;
    background-size: cover
}

.ovsTx {
    margin: auto;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    color: #FFF
}

.mtit, .wzG_mtit {
    padding: 20px 15px 0;
    position: relative
}

.mtit a, .wzG_mtit a {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 15px;
    height: 30px;
    line-height: 30px;
    background: url("../images/i_36.png") no-repeat right center;
    padding-right: 26px;
    margin-top: 20px;
    background-size: 18px
}

.mtit .mcon {
    font-size: 14px;
    color: #999
}

.tabTi li {
    float: left;
    width: 25%;
    text-align: center
}

.tabTi li a {
    display: block;
    border-top: 3px solid #FFF;
    font-size: 16px;
    padding: 15px 0
}

.tabTi li a i {
    display: block;
    font-size: 22px
}

.tabTi a.coa {
    background: #f5ffdf;
    color: #7fb900;
    border-top: 3px solid #f5ffdf
}

.tabTi a.cob {
    background: #fef4e6;
    color: #c7832d;
    border-top: 3px solid #fef4e6
}

.tabTi a.coc {
    background: #ebf7ff;
    color: #228aff;
    border-top: 3px solid #ebf7ff
}

.tabTi a.cod {
    background: #e3f7f6;
    color: #00a496;
    border-top: 3px solid #e3f7f6
}

.tabTi .on a {
    background: #FFF
}

.tabTi .on a.coa {
    border-top: 3px solid #7fb900
}

.tabTi .on a.cob {
    border-top: 3px solid #c7832d
}

.tabTi .on a.coc {
    border-top: 3px solid #228aff
}

.tabTi .on a.cod {
    border-top: 3px solid #00a496
}

.tabTi li a:hover {
    text-decoration: none
}

.tab .list {
    display: none
}

.tab .tab-c {
    background: #FFF
}

.tab .list {
    padding: 20px 0
}

.tab .list li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 20px
}

.tab-c li a {
    color: #333
}

.tab-c .lis {
    line-height: 24px;
    text-align: left;
    color: #666;
    width: 165px;
    margin: 5px auto auto;
    font-size: 12px
}

.tab .lis span {
    display: block;
    background: url("../images/os.png") 6px center no-repeat;
    padding-left: 18px;
    height: 24px;
    overflow: hidden
}

.tab-c li .img {
    width: 100%;
    position: relative
}

.tab-c .img i {
    width: 80px;
    display: block;
    height: 80px;
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 0;
    color: #FFF;
    text-align: center;
    line-height: 80px;
    background: #8fd1ff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.tab-c li .jg {
    color: #666;
    text-align: center;
    font-size: 14px;
    margin: 5px 0 0
}

.tab-c li .jg u {
    font-family: Arial, Helvetica, sans-serif;
    color: #f33;
    font-size: 18px
}

.wzG .tabTi li {
    width: 50%
}

.wzG .tabTi li a {
    font-size: 16px
}

.wzG .wJs {
    padding: 0 15px;
    line-height: 22px;
    color: #999;
    font-size: 14px
}

.tGwzG .tabTi li {
    width: 25%
}

.tcMou .tcCon li {
    width: 25%;
    float: left;
    text-align: center
}

.tcCon li a {
    display: block;
    background-color: #e8f3d2;
    background-repeat: no-repeat;
    color: #8ec31f;
    font-size: 16px;
    padding: 40px 0 5px;
    border-top: 3px solid #e8f3d2;
    background-position: center 5px
}

.tcCon a.tca {
    background-image: url("../images/gt1.png")
}

.tcCon a.tcb {
    background-image: url("../images/gt2.png");
    background-position: center 8px
}

.tcCon a.tcc {
    background-image: url("../images/gt3.png")
}

.tcCon a.tcd {
    background-image: url("../images/gt4.png")
}

.tcCon .on a {
    background-color: #FFF;
    color: #f6648e;
    border-color: #f6648e
}

.tcCon .on a.tca {
    background-image: url("../images/gb1.png")
}

.tcCon .on a.tcb {
    background-image: url("../images/gb2.png")
}

.tcCon .on a.tcc {
    background-image: url("../images/gb3.png")
}

.tcCon .on a.tcd {
    background-image: url("../images/gb4.png")
}

.tcTab .list {
    display: none
}

.tcTab li {
    background: #FFF;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6
}

.tcTab li .tit {
    font-size: 18px;
    color: #333
}

.tcTab li .tit a {
    color: #333
}

.tcTab li .con {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
    position: relative;
    padding-right: 65px
}

.tcTab li em {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

.tcTab .abs_right {
    top: auto;
    bottom: 0;
    font-size: 14px
}

.yWos {
    padding: 20px;
    border-top: 1px solid #e6e6e6
}

.yWos dl {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.yWos dl.ots {
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 10px
}

.yWos dl.end {
    margin: 0;
    padding: 0
}

.yWos dt {
    float: left;
    width: 120px
}

.yWos dd {
    margin-left: 120px;
    position: relative;
    line-height: 22px;
    padding-top: 10px
}

.yWos dl.ots dd {
    padding: 0
}

.yWos dd .tit {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333
}

.yWos dd .sty {
    color: #999;
    font-size: 14px
}

.yWos dd .sty a {
    display: inline-block
}

.yWos dd .downNow {
    padding: 8px 40px;
    color: #FFF;
    background: #8ec31f;
    font-size: 18px;
    position: absolute;
    right: -5px;
    top: -5px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.mToj {
    background: #FFF;
    padding: 40px 20px;
    font-size: 24px;
    text-align: center
}

.mostMsg {
    display: block;
    background: #e40177;
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #FFF;
    margin: 30px auto 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.userEo {
    background: #398ada;
    padding: 10px 20px
}

.userEo a {
    color: #FFF;
    font-size: 16px;
    padding-left: 25px;
    height: 20px;
    line-height: 17px
}

.userEo a.log {
    float: left;
    background: url("../mobileimg/i_104.png") no-repeat 0 center;
    background-size: 20px
}

.userEo a.tog {
    float: right;
    background: url("../mobileimg/i_107.png") no-repeat 0 center;
    background-size: 20px
}

.userEo img {
    vertical-align: middle;
    margin-right: 10px
}

.mall_orderList .btnwrap {
    display: block;
    float: left;
    padding: 0 6px;
    height: 32px
}

.mall_orderList li .bg1, .mall_orderList li .bg2 {
    padding: 0 2px
}

.mall_orderList .del {
    margin-top: 4px
}

.mall_orderList .on .icon_upon1 {
    background-position: 0 0;
    background-size: 20px 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-top: 4px
}

.mall_orderList .Btn4, .mall_orderList .Btn3 {
    width: auto;
    height: auto;
    line-height: 2.2em;
    padding: 0 5%
}

.mall_orderList .Btn4:active, .mall_orderList .Btn3:active {
    background-color: #0186cf;
    color: #FFF
}

.mall_orderList .on .icon_upon1 {
    background-position: 0 0;
    background-size: 20px 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-top: 4px
}

.mall_orderList .Btn4 {
    width: auto;
    height: auto;
    line-height: 2.2em;
    padding: 0 5%
}

.mall_orderList .Btn4:active {
    background-color: #0186cf;
    color: #FFF
}

.SelectBox.payrank li a {
    padding: 0
}

.SelectBox.payRadioBox li {
    width: 45%
}

.SelectBox.payBox li {
    width: 45%
}

.kad .tcCon a {
    padding: 38px 0 10px;
    border-top-width: 0
}

.kad .tcCon a.tcd {
    background: #d5ffdb url("../mobileimages/wzG_k4.png") no-repeat center 8px;
    border-color: #50d463;
    color: #50d463;
    background-size: 28px
}

.kad .tcCon a.tca {
    background: #ddedff url("../mobileimages/wzG_k1.png") no-repeat center 8px;
    border-color: #60abff;
    color: #60abff;
    background-size: 28px
}

.kad .tcCon a.tcb {
    background: #fcf1d3 url("../mobileimages/wzG_k2.png") no-repeat center 8px;
    border-color: #f8b00e;
    color: #f8b00e;
    background-size: 28px
}

.kad .tcCon a.tcc {
    background: #fbe5e2 url("../mobileimages/wzG_k3.png") no-repeat center 8px;
    border-color: #ee9d94;
    color: #ee9d94;
    background-size: 28px
}

.tcMou .tcCon .on a {
    color: #666;
    background-color: #FFF;
    border-top-width: 3px;
    border-top-style: solid;
    padding-top: 35px;
    background-position: center 5px
}

.wzG .wzG_tdImg li {
    float: left;
    width: 20%;
    height: auto;
    color: #999;
    font-size: 12px
}

.wzG_tdImg li p {
    padding-top: 45px;
    margin: 0 5px
}

.wzG_tdImg .tga {
    background: url("../mobileimages/wzg_tdImg_1.png") no-repeat center 0;
    background-size: 40px
}

.wzG_tdImg .tgb {
    background: url("../mobileimages/wzg_tdImg_2.png") no-repeat center 0;
    background-size: 40px
}

.wzG_tdImg .tgc {
    background: url("../mobileimages/wzg_tdImg_3.png") no-repeat center 0;
    background-size: 40px
}

.wzG_tdImg .tgd {
    background: url("../mobileimages/wzg_tdImg_4.png") no-repeat center 0;
    background-size: 40px
}

.wzG_tdImg .tge {
    background: url("../mobileimages/wzg_tdImg_5.png") no-repeat center 0;
    background-size: 40px
}

.list .wzG_net li {
    margin-top: 15px;
    float: none;
    height: auto;
    text-align: left;
    padding-left: 15px
}

.wzG_net li span {
    background: #94d3ff;
    color: #ebf7ff;
    padding: 5px;
    font-size: 14px;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    -webkit-backface-visibility: hidden
}

.wzG_net li span i {
    font-size: 18px;
    margin-right: 5px;
    color: #FFF
}

.wzG_net li.wa {
    width: 50%
}

.wzG_net li.wb {
    width: 60%
}

.wzG_net li.wc {
    width: 70%
}

.wzG_net li.wd {
    width: 80%
}

.wzG_yWos {
    padding: 20px;
    border: 0
}

.wzG_yWos dl {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.wzG_yWos dt {
    width: 68px;
    float: left
}

.wzG_yWos dd {
    margin-left: 80px;
    color: #666;
    padding-top: 10px;
    position: relative
}

.wzG_yWos dd .tit {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333
}

.porcn {
    padding: 15px
}

.porcn li {
    float: left;
    width: 33%;
    text-align: center;
    color: #999
}

.porcn li .img {
    margin-bottom: 20px
}

.porcn li .con {
    line-height: 24px;
    width: 180px;
    margin: auto
}

.porcn li .con .gren {
    text-align: left;
    font-size: 12px;
    color: #72aa56
}

.porc2 {
    font-size: 12px;
    line-height: 22px;
    color: #666
}

.porc2 .tit {
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.porc2 .to101 {
    background: url("../mobileimages/wzG_010.jpg") no-repeat #fef5fa;
    padding: 20px 20px 20px 30px
}

.porc2 .to102 {
    background-image: url("../mobileimages/wzG_011.jpg")
}

.porc2 .to101 i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #FFF;
    background: #f8bbdb;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.porc3 {
    font-size: 12px;
    line-height: 22px;
    color: #72aa60
}

.porc3 .tit {
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.porc3 .to101 {
    background: url("../mobileimages/wzG_31.jpg") no-repeat #f0f7eb;
    padding: 20px 20px 20px 30px
}

.porc3 .to102 {
    background-image: url("../mobileimages/wzG_32.jpg")
}

.lXin, .jsGs {
    padding: 15px
}

.lXin table, .jsGs table {
    width: 100%;
    border-collapse: collapse
}

.lXin td, .lXin th, .jsGs td, .jsGs th {
    padding: 10px;
    border: 1px solid #FFF
}

.lXin th, .jsGs th {
    font-size: 12px
}

.lXin td, .jsGs td {
    font-size: 14px
}

.lXin th, .lXin td {
    color: #3c98ff
}

.lXin th {
    background: #d9f1ff
}

.lXin td {
    background: #e7f6ff
}

.jsGs {
    color: #72aa60
}

.jsGs th, .jsGs td {
    color: #72aa60
}

.jsGs th {
    background: #d7eac7
}

.jsGs td {
    background: #f0f7eb
}

.wzG .tGwzG li {
    width: 25%
}

.enterGoods_info {
    font-size: 12px;
    line-height: 24px;
    color: #959595;
    width: 100%;
    height: 48px;
    text-indent: 20px
}

.prog_tables {
    background-color: #3ea3ff;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px
}

.prog_tables span {
    display: inline-block;
    padding: 5px 20px;
    background-color: #007ae9;
    border-radius: 20px;
    color: #fff;
    font-size: 12px
}

.prog_tables td {
    text-align: center;
    padding-top: 15px;
    color: #fff;
    font-size: 14px
}

.appDown_outer .banner_bac {
    width: 100%;
    float: left
}

.appDown_outer .banner_phone {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0
}

.appDown_btnwrap {
    width: 60%;
    height: auto;
    position: relative;
    margin: 6%;
    float: left
}

.btn_appDown {
    width: 48%;
    height: 38px;
    margin-top: 7%;
    font: 12px/38px "Microsoft Yahei";
    color: #3498db;
    padding-left: 20%;
    border-radius: 5px;
    border: 1px solid #3498db;
    background-color: #FFF;
    float: left
}

.appD_android {
    background: url("../mobileimages/zrqtu8.jpg") no-repeat
}

.appdD_ios {
    background: url("../mobileimages/zrqtu9.jpg") no-repeat
}

.appD_topTip {
    width: 95%;
    height: auto;
    font: 14px/20px "Microsoft Yahei";
    color: #c00;
    margin: 15px 2% 0 3%
}

.appD_infowrap {
    width: 95%;
    height: auto;
    padding: 10px 0 40px 1%;
    margin: 30px 0 0 2%;
    font: 12px/22px "Microsoft Yahei";
    color: #7292bc;
    border-top: 1px dashed #bbddf3
}

.appD_infoline {
    width: 95%;
    height: auto
}

.appD_rankwrap {
    padding-top: 5px
}

.appD_rankwrap img {
    float: left;
    margin: 0 1px
}

.appD_goTop {
    width: 95%;
    height: 35px;
    background: #3498db;
    font: 16px/35px "Microsoft Yahei";
    color: #FFF;
    text-align: right;
    padding-right: 5%
}

.grayTip1 {
    width: 105px;
    padding-left: 20px;
    background: url("../mobileimages/icon_grayTip.png") left 1px no-repeat;
    background-size: auto 16px;
    font-size: 18px/1.8em "Microsfot Yahei";
    color: #ababab
}

.tipsBox .closeBtn {
    padding: 5px 2%;
    line-height: 1.6em;
    font-size: 20px;
    color: #969696
}

.renew_tableWrap .comon_contWrap {
    padding-top: 3%
}

.renew_kfWrap {
    width: 90%;
    margin: 10px auto
}

.renew_kfWrap .kflogo {
    float: left;
    width: 20%;
    max-width: 80px
}

.renew_kfWrap article {
    float: left;
    width: 75%;
    padding-left: 5%
}

.renew_kfWrap article p {
    font-size: 16px;
    line-height: 1.8em
}

.renew_table1 {
    width: 96%;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    border-width: 1px 1px 0 0;
    border-radius: 8px;
    border-collapse: separate
}

.renew_table1 th, .renew_table1 td {
    padding: 3% 2%;
    text-align: center;
    border: 1px solid #d1d1d1
}

.renew_table1 th {
    background: #f0f0f0;
    border-width: 0 0 1px 1px
}

.renew_table1 td {
    border-top: 1px solid #d1d1d1;
    border-width: 0 0 1px 1px
}

.renew_table1 tr:first-child th:first-child {
    border-top-left-radius: 8px
}

.renew_table1 tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.renew_table1 tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.renew_table1 tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.ui-mobile .fameRadio_red1 {
    width: 25px;
    height: 25px;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    background: #FFF;
    margin: 0 auto
}

.fameRadio_red1 i {
    width: 13px;
    height: 13px;
    background-color: #0186cf;
    margin: 6px auto 0;
    border-radius: 50%;
    display: none
}

.fameRadio_red1 input[type="radio"] {
    display: none
}

.fameRadio_red1.on i {
    display: block
}

.bot_dealwrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #f0f0f0;
    padding: 10px 0 15px;
    position: fixed;
    bottom: 0;
    z-index: 9
}

.ui-radio input {
    width: 16px
}

.bot_dealwrap .titL, .bot_dealwrap .titR {
    text-align: center;
    margin: 3% 0;
    height: 1.5em;
    line-height: 1.5em
}

.bot_dealwrap .titL {
    width: 49%;
    border-right: 1px solid #d9d9d9
}

.bot_dealwrap .titR {
    width: 50%
}

#cartArea input[type="checkbox"] {
    margin-right: 2px
}

.dataf_topmsgwrap {
    background-color: #FFF
}

.dataf_progwrap {
    font-size: 12px;
    width: 380px;
    padding-top: 40px;
    padding-left: 20px
}

.dataf_progwrap .progBlock {
    display: block;
    width: 196px;
    height: 196px;
    position: relative
}

.dataf_progwrap .circle {
    width: 172px;
    height: 172px;
    position: absolute;
    border-radius: 50%;
    background: #fd6262
}

.dataf_progwrap .pie_left, .dataf_progwrap .pie_right {
    width: 172px;
    height: 172px;
    position: absolute;
    top: 0;
    left: 0
}

.dataf_progwrap .left, .dataf_progwrap .right {
    width: 172px;
    height: 172px;
    background: #d1d1d1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.dataf_progwrap .pie_right, .dataf_progwrap .right {
    clip: rect(0, 86px, auto, 0)
}

.dataf_progwrap .pie_left, .dataf_progwrap .left {
    clip: rect(0, auto, auto, 86px)
}

.dataf_progwrap .mask {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    top: -12px;
    left: -12px;
    background: url("../mobileimages/dataflow_processBac.png") no-repeat;
    background-size: 100%;
    position: absolute;
    text-align: center;
    line-height: 150px;
    font-size: 20px;
    font-weight: bold;
    color: #d1d1d1
}

.dataf_progwrap .progInfo {
    display: block;
    padding-left: 10px;
    position: relative;
    z-index: 3
}

.dataf_progwrap .text1 {
    color: #999;
    line-height: 20px
}

.dataf_progwrap .text2 {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 25px
}

.prog_btnwrap a {
    display: block;
    float: left;
    width: 70px;
    height: 25px;
    line-height: 25px;
    background-color: #FFF;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #fd6262;
    color: #fd6262;
    font: 14px/25px "Microsoft Yahei";
    margin: 5px 8px 0 0
}

.prog_btnwrap a:last-child {
    margin-right: 0
}

.dataf_progwrap .mask_tit {
    font: 18px/35px "Microsoft Yahei";
    color: #333;
    height: 35px;
    margin-top: 60px
}

.dataf_progwrap .mask_num {
    color: #fd6262;
    font: bold 22px/35px Arial;
    width: 140px;
    margin: 0 auto;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dataf_topmsgwrap .progTab_wrap {
    width: 93.75%;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.progTab_wrap .topbac {
    height: auto;
    background: url("../mobileimages/dataflow_proceInfoBac.png") no-repeat;
    padding-top: 5.5%;
    background-size: 100% auto;
    margin-top: -10px;
    position: relative
}

.progBar_list {
    margin-top: 13px;
    background-color: #FFF
}

.prog_tit {
    width: 95%;
    padding-left: 5%;
    height: 37px;
    border-bottom: 1px solid #DDD;
    font: bold 16px/37px "Microsoft Yahei";
    white-space: nowrap;
    position: relative
}

.prog_tit em {
    position: absolute;
    width: 2%;
    height: 37px;
    top: 0;
    left: 0;
    display: block
}

.dataf_progBar_ul li {
    padding: 15px 0 20px;
    border-bottom: 1px solid #DDD
}

.dataf_progBar_block {
    width: 86%;
    margin: 0 auto
}

.dataf_progBar_block .tit {
    font: 14px/24px "Microsoft Yahei"
}

.dataf_progBar_block .detailInfo {
    font: 12px/24px "Microsoft Yahei";
    margin-bottom: 2px
}

.dataf_prog {
    width: 100%;
    height: 17px;
    position: relative
}

.dataf_prog i {
    display: block;
    height: 17px
}

.dataf_prog .tips {
    display: block;
    width: 100%;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #FFF
}

.dataf_prog .prog_tips {
    display: block;
    width: 100%;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #FFF;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center
}

.dataf_List1 .prog_tit {
    color: #3ea3ff
}

.dataf_List1 .prog_tit em {
    background-color: #3ea3ff
}

.dataf_List1 .surplus {
    color: #3ea3ff
}

.dataf_List1 .dataf_prog {
    background-color: #8bcbe9
}

.dataf_List1 .dataf_prog i {
    background-color: #2c9bd8
}

.dataf_List2 .prog_tit {
    color: #07bfcb
}

.dataf_List2 .prog_tit em {
    background-color: #07bfcb
}

.dataf_List2 .surplus {
    color: #07bcc8
}

.dataf_List2 .dataf_prog {
    background-color: #a9dadd
}

.dataf_List2 .dataf_prog i {
    background-color: #07bfcb
}

.dataf_List3 .prog_tit {
    color: #f46c00
}

.dataf_List3 .prog_tit em {
    background-color: #f46c00
}

.dataf_List3 .surplus {
    color: #f46c00
}

.dataf_List3 .dataf_prog {
    background-color: #ffae6d
}

.dataf_List3 .dataf_prog i {
    background-color: #f46c00
}

.dataf_List4 .prog_tit {
    color: #f63274
}

.dataf_List4 .prog_tit em {
    background-color: #f63274
}

.dataf_List4 .surplus {
    color: #f63274
}

.dataf_List4 .dataf_prog {
    background-color: #ff8cb3
}

.dataf_List4 .dataf_prog i {
    background-color: #f63274
}

.dataf_List5 .prog_tit {
    color: #8d85ee
}

.dataf_List5 .prog_tit em {
    background-color: #8d85ee
}

.dataf_List5 .surplus {
    color: #8d85ee
}

.dataf_List5 .dataf_prog {
    background-color: #c3bff3
}

.dataf_List5 .dataf_prog i {
    background-color: #8d85ee
}

.left, .right {
    display: inline-block;
    vertical-align: middle
}

.center {
    text-align: center
}

.textR {
    text-align: right
}

.align_left {
    text-align: left
}

.left, .fl {
    float: left
}

.right, .fr {
    float: right
}

.block {
    display: block
}

.none, .hide {
    display: none
}

.pr, .rel {
    position: relative
}

.abs_right {
    position: absolute;
    top: 0;
    right: 0
}

.abs_right {
    position: absolute;
    top: 0;
    right: 0
}

.w_full {
    width: 100%
}

.w_per90 {
    width: 90%
}

.w_per80 {
    width: 80%
}

.m_auto {
    margin: 0 auto
}

.m10 {
    margin: 10px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt12 {
    margin-top: 12px
}

.mt_13 {
    margin-top: 13px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml70 {
    margin-left: 70px
}

.ml90 {
    margin-left: 90px
}

.mr10 {
    margin-right: 10px
}

.mr5 {
    margin-right: 5px
}

.mr20 {
    margin-right: 20px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.pt2 {
    padding-top: 2px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl_90 {
    padding-left: 90px
}

.plr_5 {
    padding-left: 5px;
    padding-right: 5px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr80 {
    padding-right: 80px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb65 {
    padding-bottom: 65px
}

.p05 {
    padding: 0 5px
}

.p010 {
    padding: 0 10px
}

.p30 {
    padding: 30px 0
}

.red, a.red, .f_red1 {
    color: #c50000
}

.f_red2 {
    color: #0186cf
}

.orange, a.orange {
    color: #fc664e
}

.blue, a.blue {
    color: #0085d0
}

.green {
    color: #84c71c
}

.roseo {
    color: #e40077
}

.grey {
    color: #959595
}

.white {
    color: #FFF
}

.f_blue2 {
    color: #398ada
}

.f_gray1 {
    color: #333
}

.f_gray2 {
    color: #737373
}

.f_gray3 {
    color: #bfbfbf
}

.f_gray4 {
    color: #666
}

.f_gray5 {
    color: #8c8c8c
}

.f_green1 {
    color: #58b365
}

.f_yellow1 {
    color: #f3eb38
}

.f12 {
    font-size: 12px
}

.f14, .f_14rem {
    font-size: 14px
}

.f16, .f_16rem {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}

.f26 {
    font-size: 26px
}

.fwb {
    font-weight: bold
}

.f_arial {
    font-family: arial
}

.l18em {
    line-height: 1.8em
}

.l24 {
    line-height: 24px
}

.l28 {
    line-height: 28px
}

.l40 {
    line-height: 40px
}

.ti20 {
    text-indent: 20px
}

.ti1em {
    text-indent: 1em
}

.ti2em {
    text-indent: 2em
}

.textline {
    text-decoration: line-through
}

.fst_normal {
    font-style: normal
}

.borderb_gray1 {
    border-bottom: 1px solid #d1d1d1
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    *zoom: 1;
    _zoom: 1
}

.content-wapsy {
    background: #fff;
    border-top: #ededed solid 1px;
    padding: 1% 3%;
    overflow: hidden;
    width: 94%
}

.thgj-area {
    width: 97%;
    padding: 0 3% 0 0;
    border-top: 0
}

.yhgj {
    float: right;
    width: 60%;
    border-bottom: #ededed solid 1px
}

.content-wapsy .title-script {
    font-size: 14px;
    line-height: 15px;
    font-family: "微软雅黑", "microsoft yahei";
    color: #000
}

.content-wapsy .pics {
    list-style: none;
    width: 107%;
    overflow: hidden;
    display: block;
    margin: 32% 0 0 -57px
}

.content-wapsy .pics li {
    float: left;
    width: 25%;
    display: inline-block;
    margin: 0
}

.content-wapsy .pics li a {
    display: block;
    padding: 0
}

.content-wapsy .pics li img {
    width: 100%
}

.yhgj-txt {
    font-size: 12px;
    line-height: 18px;
    font-family: "微软雅黑", "microsoft yahei";
    color: #666
}

.yhgj {
    float: right;
    width: 60%;
    border-bottom: #ededed solid 1px
}

.yhgj p {
    margin: 5px
}

.yssl {
    background: #e40075;
    color: #fff;
    width: 87px;
    font-size: 13px;
    text-align: center;
    height: 17px;
    line-height: 17px;
    border-radius: 3px
}

@media only screen and (max-width: 480px) {
    .SearchBox {
        width: 135px;
        margin-left: 0
    }

    .SearchBox .ui-input-text {
        width: 100px
    }

    .queryList li a {
        padding: 15px 0 15px 5px;
        line-height: 20px
    }

    .IndexAdvert .aBlock {
        padding: 15px 5px 0
    }

    .IndexAdvert .imgbox {
        width: 40px;
        height: 40px;
        margin: 0 5px
    }

    .IndexAdvert .imgbox img {
        width: 40px;
        height: 40px
    }

    .catenate .aBlock img {
        width: 100%;
        margin-top: 8%
    }

    .catenate .imgbox2 {
        width: 40px;
        height: 40px;
        margin: 30px 5px 0
    }

    .catenate .imgbox2 img {
        width: 40px;
        height: 40px
    }

    .Btn2, .Btn3, .Btn4, .Btn5, .Btn7, .Btn8, .Btn9, .Btn10, .Btn13, .Btn14 {
        font-size: 16px;
        height: 36px;
        line-height: 36px
    }

    .nav li a .imgbox {
        width: 38px;
        height: 38px;
        margin: 10px auto 5px;
        display: block
    }

    .nav li a .imgbox img {
        width: 38px;
        height: 38px;
        border: 0 none
    }

    .recharge .inputWrap input[type="text"] {
        width: 100px
    }

    .recomBox .title p {
        line-height: 24px
    }

    .recomBox .title em {
        height: 12px;
        margin: 12px 6px 0 0
    }

    .ImgList li .imgbox {
        width: 80px;
        height: 80px
    }

    .ImgList li .imgbox img {
        width: 80px;
        height: 80px
    }

    .appdownWrap h2 {
        text-align: center;
        padding-left: 57px;
        width: 180px
    }

    .appdownWrap .appdownBtn {
        width: 70px
    }

    .busiInfo .abstract {
        width: 240px
    }

    .jspList li a {
        display: block;
        margin: 5px;
        padding: 5px
    }

    .porList li .imgbox {
        width: 60px
    }

    .porList li .imgbox img {
        width: 60px;
        border: 0 none
    }

    .porList li .describe {
        margin: 5px 100px 0 90px;
        line-height: 30px
    }

    .porList li .nes {
        bottom: 10px
    }

    .porList li .describe .tit a {
        font-size: 16px;
        color: #333
    }

    .porList li .describe span {
        font-size: 16px
    }

    .delete {
        width: 80px;
        height: 35px;
        line-height: 34px
    }

    .jspList li .img {
        width: 50px;
        height: 50px;
        margin-right: 0
    }

    .jspList li .img img {
        width: 100%;
        height: 100%
    }

    .jspList li span {
        font-size: 12px;
        width: 60%
    }

    .jspList li .tit {
        max-height: 30px;
        overflow: hidden
    }

    .redeem .imgbox {
        width: 60px;
        height: 60px
    }

    .redeem .imgbox img {
        width: 60px;
        height: 60px
    }

    .redeem .words {
        margin-left: 80px
    }

    .city .inputWrap input[type="text"] {
        width: 200px
    }

    .TopList li .content .imgbox {
        width: 60px;
        height: 60px;
        margin-top: 15px
    }

    .TopList li .content .imgbox img {
        width: 60px;
        height: 60px
    }

    .TopList li .content .words {
        margin-left: 80px
    }

    .TariffPackList li .designation, .tarf_jfbox .jfTit, .tarf_grayblock .navtit {
        font-size: 14px
    }

    .tarf_listTable th, .tarf_listTable td {
        padding: 5px
    }

    .tarf_grayblock .navtit {
        margin-left: 5px;
        padding-left: 17px
    }

    .header .navIconWrap .homeIcon, .header .returnWrap .return {
        background: url("../mobileimg/pic.png") no-repeat 0 -58px;
        width: 30px;
        background-size: 79px auto;
        height: 26px;
        margin-top: 5px
    }

    .header .returnWrap .return {
        background-position: 2px 0
    }

    .order_infoWrap {
        padding: 3% 0
    }

    .order_phoneText p {
        line-height: 23px
    }

    .order_phoneText {
        width: 76%
    }

    .ads_chose {
        width: 110px;
        padding-left: 25px
    }

    .IndexAdvert .name, .IndexAdvert .describe, .catenate .name, .catenate .describe, .recomBox .title .more, .ImgList li .price, .tarf_grayblock .navtit, .topInfowrap.mytarf, .topInfowrap.mytarf label, .tips, .order_phoneText .f14, .tarf_comontog .comon_tab a, .tarf_jfbox_ul .tableTip, .TariffPackList li .meal, .renew li p, .tarf_listTable th, .tarf_listTable td, .tarf_jfbox .Btn14, .recomBox .note, .tariffList li .name, .delete, .queryList li a, .nav li a, .signBlock, .ui-mobile .agreem_checkwrap, .agreementHref, .tab-c li a, .mtit a, .tcTab .abs_right, .tcCon li a, .orderList .describe .option, .orderList li .num, .mall_tabNote .describe .Description, .orderList .tableWrap td, .SelectBox.payrank li a, .MyBasic, .linkTwoList li a, .tab .list li, .purchase .describe .Description {
        font-size: 12px
    }

    ::-webkit-input-placeholder {
        font-size: 12px
    }

    :-moz-placeholder {
        font-size: 12px
    }

    ::-moz-placeholder {
        font-size: 12px
    }

    :-ms-input-placeholder {
        font-size: 12px
    }

    .addressEdit3 .adsTit, .recomBox .deploy .title, .mall_tabNote .describe .title, .mall_tabNote .describe .f16 {
        font-size: 13px
    }

    .recomBox .title, .ImgList li .name, .FourImgList li .name, .recomBox .title p, .recomBox .f18, .ads_chose, .errorMain .sameSty li a, .Btu16, .Btu17, .tabTi li a, .Tab .TabHead li a, .tarf_tabLine, .tarf_comontog .comon_tab a, .mall_orderList .Btn4, .mall_orderList .Btn3, .order_infoWrap .right {
        font-size: 13px
    }

    .Btu16, .Btu17, .tabTi li a, .Tab .TabHead li a, .mall_orderList .Btn4, .linkWrap .caption h3, .back_home a {
        font-size: 14px
    }

    .jfBox .jfTit, .tit_b {
        font-size: 15px
    }

    .redeem .words, .header h2, .order_phoneText .f24, .mToj, .tcTab li .tit, .gmbox li {
        font-size: 16px
    }

    .jspList li a, .tit_a, .order_infoWrap .f24 {
        font-size: 18px
    }

    .header .navIconWrap .navIcon {
        background: url("../mobileimg/pic.png") no-repeat 0 -27px;
        width: 30px;
        background-size: 79px auto;
        height: 30px;
        margin-top: 5px
    }

    .payrank ul li {
        width: 29%
    }

    .moblie_m {
        margin-left: 30%;
        margin-bottom: 10px
    }

    .moblie_ifno {
        width: 100%;
        clear: both
    }

    .SelectBox li {
        margin: 0 8px 10px
    }

    .Btu16, .Btu17 {
        font-size: 14px;
        width: 220px;
        margin-bottom: 10px
    }

    .er_line .e_img {
        background: url("../images/error/word_s.png") center center no-repeat;
        width: 249px;
        height: 21px;
        margin: 0 auto
    }

    .errorHead .recommend img {
        margin-top: -10px
    }

    .errorMain .downLoad li {
        width: 24.6%
    }

    .nav li .mt10 {
        margin: 5px 0 0
    }

    .mtit img {
        width: 60%
    }

    .mtit a {
        top: 0
    }

    .tabTi li a {
        padding: 10px 0
    }

    .tabTi li a i {
        display: block;
        font-size: 16px
    }

    .list li img {
        width: 80%
    }

    .tab-c .img i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        right: 15px
    }

    .yWos dt {
        float: left;
        width: 60px
    }

    .yWos dt img {
        width: 100%
    }

    .yWos dd {
        margin-left: 75px;
        line-height: 20px;
        padding-top: 0
    }

    .yWos dd .downNow {
        padding: 4px 20px;
        font-size: 16px
    }

    .tcTab li .con {
        padding-right: 55px
    }

    .tcMou .tcCon li a {
        font-size: 12px
    }

    .wzG_mtit img {
        width: 60%
    }

    .yWos dt {
        float: left;
        width: 60px
    }

    .wzG_yWos dd .tit {
        font-size: 16px
    }

    .tariffList li .aBlock, .tariffList li .imgbox, .tariffList li .imgbox img {
        width: 127px
    }

    .tariffList li .aBlock {
        height: 127px
    }

    .tariffList li .imgbox, .tariffList li .imgbox img {
        height: 102px
    }

    .tariffList li .name {
        height: 25px;
        line-height: 25px
    }

    .mall_tabNote .describe .title {
        max-height: 33px;
        word-wrap: break-word
    }

    .orderList {
        margin-top: 0
    }

    .mall_tabNote .describe .Description, .orderList .tableWrap td {
        line-height: 1.6em
    }

    .Btu16, .Btu17 {
        width: 220px;
        margin-bottom: 10px
    }

    .SelectBox.payBox li {
        width: 95%
    }

    .gm_coent .gm_guide {
        height: 34%
    }

    .gm_price .gradeArea {
        width: 25%;
        font-size: 14px
    }

    .gm_coent .green_line, .gm_coent .orange_line {
        height: 38%
    }

    .gm_price .tit_01, .gm_price .tit_02, .gm_coent .myxz_det h1, .gm_coent .myxz_det h2 {
        font-size: 14px;
        line-height: 1.8em
    }

    .step_02 li {
        width: 33.05%
    }

    .phoneList li .name {
        height: 17px
    }

    .back_home_icon {
        background-size: 16px 16px
    }

    .moblie_ifno .btn_appDown {
        width: 56%;
        float: none;
        display: block;
        margin: 5px auto
    }

    .moblie_ifno label {
        font-size: 14px;
        padding-top: 0
    }

    .moblie_ifno .btn_appDown {
        width: 80%;
        float: none;
        display: block
    }

    .moblie_ifno label {
        font-size: 14px;
        padding-top: 0
    }

    .renew_kfWrap article p, .wzG .tGwzG li a {
        font-size: 13px
    }

    .ImgList li .ylbox {
        width: 80px;
        height: 80px;
        margin: 10px auto 5px;
        display: block;
        margin-bottom: 15px
    }

    .ImgList li .ylbox .img {
        width: 80px;
        height: 80px;
        border: 4px solid #dbdbdb;
        border-radius: 20px
    }

    .ImgList li .ylbox .imgselected {
        width: 80px;
        height: 80px;
        border: 4px solid #54c2f0;
        border-radius: 20px
    }

    .seltCon .porList dd.nes {
        width: 80px;
        right: 10px
    }

    .seltCon .porList dd.clk a {
        width: 60px;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        margin-left: 25px;
        margin-top: 7px
    }

    .seltCon .porList dd .clkn a {
        font-size: 12px
    }

    .seltConn .porList dd .clkn {
        overflow: hidden;
        max-height: 40px
    }

    .seltCon .porList dd .js, .seltCon .porList dd .js span i, .f_16rem {
        font-size: 14px
    }

    .seltCon .porList .wej dt i {
        background-size: 150%
    }

    .seltCon .porList dt {
        width: 20%
    }

    .f_14rem {
        font-size: 12px
    }

    .renew li p, .broadNew_ul li p {
        width: 90%
    }

    .dataf_progwrap {
        width: 310px
    }

    .dataf_progwrap .progBlock, .dataf_progwrap .mask {
        width: 98px;
        height: 98px
    }

    .dataf_progwrap .circle, .dataf_progwrap .pie_left, .dataf_progwrap .pie_right, .dataf_progwrap .left, .dataf_progwrap .right {
        width: 86px;
        height: 86px
    }

    .dataf_progwrap .pie_right, .dataf_progwrap .right {
        clip: rect(0, 43px, auto, 0)
    }

    .dataf_progwrap .pie_left, .dataf_progwrap .left {
        clip: rect(0, auto, auto, 43px)
    }

    .dataf_progwrap .mask {
        top: -6px;
        left: -6px
    }

    .dataf_progwrap .mask_tit {
        font: 14px/25px "Microsoft Yahei";
        margin-top: 23px;
        height: 25px
    }

    .dataf_progwrap .mask_num {
        font: bold 12px/25px "Microsoft Yahei";
        width: 70px;
        height: 25px
    }
}

@media only screen and (min-width: 640px) {
    .order_phoneText p {
        line-height: 30px
    }
}

@media only screen and (max-width: 360px) {
    .mall_tabNote .describe .title i {
        float: none
    }

    .integralUserMsg .left div {
        font-size: 14px
    }

    .integralUserMsg .left span {
        font-size: 14px
    }

    .jfBox .jfTit, .tit_b {
        font-size: 13px
    }

    .porList li .describe {
        margin: 5px 100px 0 90px;
        line-height: 30px
    }

    .porList li .describe .tit a {
        font-size: 14px;
        color: #333
    }

    .porList li .describe span {
        font-size: 14px
    }

    .gotoJf a {
        display: block;
        padding: 10px 0;
        text-align: center;
        font-size: 14px;
        color: #666;
        background: #FFF
    }

    .jspList li span {
        font-size: 12px;
        width: 57%
    }

    .jspList li {
        float: left;
        width: 50%;
        max-height: 140px
    }
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block
}

@import table
{
    border-collapse: collapse
;
    border-spacing: 0
}
caption, th {
    text-align: left;
    font-weight: normal
}

html, body, fieldset, img, iframe, abbr {
    border: 0
}

i, cite, em, var, address, dfn {
    font-style: normal
}

[hidefocus], summary, input {
    outline: 0
}

ul, dl, li {
    list-style: none
}

h1, h2, h3, h4, h5, h6, small {
    font-weight: normal
}

pre, code, kbd, samp {
    font-family: inherit
}

textarea {
    overflow: auto;
    resize: none
}

label, summary {
    cursor: default
}

a, button {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold
}

del, ins, a, a:hover {
    text-decoration: none
}

body, textarea, input, button, select {
    font: 12px/1.14 arial, "Microsoft YaHei", "微软雅黑", \5b8b\4f53;
    color: #333;
    outline: 0
}

body {
    background: #eee
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0
}

* {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
    cursor: pointer
}

.csz-divbanner {
    width: 100%
}

.csz-divbanner img {
    width: 100%
}

.cszdls {
    background-color: #fff;
    padding-left: 2.777778%;
    padding-right: 2.777778%;
    padding-top: 20px;
    padding-bottom: 20px
}

.csz-dlcontent {
    float: left;
    width: 33.333333%;
    text-align: center
}

.csz-dlcontent dt {
    font-size: 16px;
    color: #787878
}

.csz-dlcontent dt img {
    vertical-align: middle;
    margin-right: 5px;
    max-width: 17px
}

.csz-dlcontent dd {
    color: #ff007e;
    margin-top: 8px;
    text-align: center;
    font-size: 16px
}

.csz-dlcontent dd span {
    font-size: 30px
}

.csz-toals {
    background-color: #fff;
    margin-top: 15px;
    padding-bottom: 15px
}

.csz-ultol li {
    display: block;
    float: left;
    width: 20%;
    margin-left: 2%;
    margin-right: 3%;
    text-align: center;
    margin-top: 15px
}

.csz-ultol li a {
    display: block;
    color: #555
}

.csz-toals li img {
    width: 100%
}

.csz-ultol li span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #555
}

.csz-hotzq {
    background-color: #fff;
    margin-top: 15px
}

.csz-title1 {
    border-left: 5px solid #009df6;
    padding-left: 10px;
    height: 44px;
    line-height: 44px;
    color: #292828;
    font-size: 18px;
    position: relative
}

.csz-title1 a {
    position: absolute;
    display: block;
    right: 10px;
    color: #292828;
    font-size: 16px;
    top: 3px
}

.csz-title1 a img {
    margin-left: 2px;
    vertical-align: middle;
    margin-top: -6px
}

.csz-hotarce {
    margin-left: 2.666666%;
    padding-bottom: 15px
}

.csz-hotarce li {
    float: left;
    width: 30%;
    text-align: center;
    margin-left: 1.966666%
}

.csz-hotarce li a {
    display: block;
    color: #444
}

.csz-hotarce li img {
    width: 100%
}

.csz-hotarce li a span {
    display: block;
    margin-top: 5px;
    font-size: 14px
}

.csz-guess dt {
    float: left;
    width: 45%
}

.csz-guess dd {
    float: left;
    width: 55%
}

.cszguessleft {
    border-right: 1px solid #e6e6e6;
    padding-top: 15px;
    margin-left: 3.333333%
}

.cszguessleft h2 {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: normal
}

.csz-sy {
    color: #afafaf;
    font-size: 14px;
    padding-top: 5px
}

.csz-sy span {
    color: #ff5203
}

.csz-guess-pic {
    text-align: center;
    padding-top: 15px
}

.cszguessleft p img {
    width: 90%
}

.csz-guessdd1 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding-right: 3.333333%
}

.csztitles {
    border-bottom: 1px solid #e6e6e6;
    height: 44px;
    overflow: hidden;
    margin-bottom: 15px
}

.cszjuli {
    margin-bottom: 0
}

.cszguessleft2 {
    float: left;
    width: 60%;
    margin-left: 5%
}

.cszguessright1 {
    float: right;
    width: 30%;
    margin-left: 5%
}

.cszguessright1 img {
    width: 100%
}

.cszguessleft2 h2 {
    font-size: 16px;
    color: #2e2e2e;
    font-weight: normal;
    margin-top: 10px
}

.csz-guesl {
    border-bottom: 0
}

.csz-hge li {
    width: 100%
}

.cszdl-q1 dd {
    width: 50%;
    float: left
}

.csz-hge li:first-child {
    border-bottom: 1px solid #e6e6e6
}

.csz-hge li div.csz-guessdd1 {
    border: 0;
    height: 50px;
    overflow: hidden
}

.csz-hge li div.csz-guessdd1 img {
    max-width: 130px
}

.cszdl-q1 dd:first-child div.csz-guessdd1 {
    border-right: 1px solid #e6e6e6
}

.csz-phones {
    padding-left: 3.333333%;
    padding-right: 3.333333%;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #e6e6e6
}

.csz-phones dt {
    float: left;
    width: 37.35119%;
    margin-right: 1.97619%
}

.csz-phones dt img {
    width: 100%
}

.csz-phones dd {
    float: left;
    width: 59.779762%
}

.csz-phones dd h2 {
    font-size: 16px;
    margin-bottom: 5px
}

.cszfontcolorp {
    color: #9c9c9c;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px
}

.csz-sales {
    margin-bottom: 5px
}

.csz-sales span {
    background-color: #009df6;
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px
}

.cszfontclolrp2 {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 25px
}

.cszfontclolrp2 span {
    color: #ff5203
}

.cszfontclolrp2 span i {
    font-size: 20px
}

.cszfontclolrp2 em {
    font-weight: normal;
    text-decoration: line-through
}

.cszkdxz {
    background-color: #fff;
    width: 100%;
    border-spacing: 0
}

.cszkdxz td {
    width: 50%;
    position: relative;
    padding: 0;
    border-spacing: 0
}

.cszli-1 {
    position: relative
}

.cszfont1 {
    position: absolute;
    top: 15px;
    left: 20px;
    line-height: 25px
}

.csz-pichjt {
    text-align: right;
    margin-right: 10px
}

.cszli-1 img {
    width: 80%;
    text-align: right
}

.cszfont1 h2 {
    font-size: 16px
}

.cszfont1 p {
    font-size: 14px;
    color: #a6a6a6
}

.cszlip1 {
    margin-top: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px
}

.fontsizepq1 {
    float: left;
    width: 40%;
    margin-left: 5%;
    font-size: 20px;
    margin-top: 10px
}

.cszpicyu1 {
    float: right;
    width: 50%;
    margin-right: 5%
}

.cszpicyu1 img {
    width: 100%;
    vertical-align: middle
}

.cszlip2-dl {
    width: 100%
}

.cszlip2-dl dd {
    float: left;
    width: 50%;
    position: relative
}

.cszlip2-dl-dd {
    border-right: 1px solid #e6e6e6
}

.cszlip2-img {
    text-align: center;
    padding-top: 20%
}

.cszlip2-img img {
    width: 90%
}

.cszlip2-dl-dd h2, .cszlip2title {
    padding-left: 15px;
    padding-top: 10px;
    font-size: 14px
}

.csz-yule {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.csz-yule tr td {
    border-right: 1px solid #e6e6e6;
    vertical-align: top
}

.csz-yule tr td {
    border-bottom: 1px solid #e6e6e6
}

.csz-yule tr:last-child td {
    padding-top: 10px;
    width: 25%;
    text-align: center;
    line-height: 24px
}

.csz-yule-con {
    position: relative
}

.yule-pic {
    text-align: right;
    margin-top: 20px;
    margin-right: 5px
}

.yule-pic img {
    width: 60%;
    margin-top: 10px
}

.csz-yule-con div.cszfont1 {
    position: absolute;
    top: -5px;
    left: 10px
}

.cszyule-txt h2 {
    font-size: 16px
}

.cszyule-txt a {
    display: block;
    font-size: 14px;
    color: #a4a4a4
}

.cszyuletxt-pic {
    text-align: center
}

.cszyuletxt-pic img {
    width: 90%
}

.cszyulebottom {
    padding-left: 3.333333%;
    padding-right: 3.333333%;
    line-height: 44px;
    height: 44px
}

.cszyulebottom h2 {
    float: left;
    font-size: 14px
}

.cszyulebottom h2 em {
    color: #009df6
}

.cszyulebottom a {
    display: block;
    float: right;
    font-size: 16px;
    color: #292828;
    font-weight: bold
}

.cszyulebottom a img {
    vertical-align: middle;
    margin-top: -6px
}

.cqcity-nav li {
    width: 50%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px
}

.cqcity-nav li a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #383838;
    height: 32px;
    line-height: 32px
}

.cqcity-nav li:first-child a {
    border-right: 1px solid #e6e6e6
}

.cqcity-nav li.city-select {
    border-top: 2px solid #009df6;
    position: relative;
    top: -1px
}

.cqcitycon1 {
    padding-left: 4.16667%;
    padding-right: 4.16667%
}

.cqcity-input {
    height: 54px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    margin-top: 10px
}

.cqcity-input img {
    width: 14%;
    max-width: 69px;
    vertical-align: middle;
    margin-left: 5px
}

.cqcity-input input {
    width: 74%;
    border: 0;
    font-size: 16px;
    padding-left: 5%;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    color: #c1c1c1
}

.cqcity-btn a {
    display: block;
    float: left;
    width: 46.515152%;
    text-align: center;
    font-size: 16px;
    color: #009df6;
    border-radius: 5px;
    border: 1px solid #009df6;
    height: 54px;
    line-height: 54px
}

.cqcity-btn a:first-child {
    margin-right: 5.260606%
}

.tyshh-table tr td {
    width: 50%
}

.tyshh-table tr td {
    border-left: 1px solid #e6e6e6
}

.canncelright {
    border-right: 0
}

.gmzq {
    width: 91.666667%;
    margin: 0 auto
}

.gmzq tr td {
    width: 50%;
    padding-top: 15px
}

.gmzq-group {
    width: 100%
}

.gmzq-logo {
    float: left;
    width: 30%
}

.gmzq-logo img {
    width: 100%
}

.gmzq-name {
    float: left;
    width: 65%;
    margin-left: 5%;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px
}

.gmzq-name span {
    display: block;
    color: #a4a4a4;
    font-size: 12px
}

.city-jtwz {
    width: 91.666667%;
    margin: 0 auto
}

.city-stylecar {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 54px
}

.city-stylecar a {
    display: block;
    color: #333
}

.city-car {
    float: left;
    line-height: 54px;
    font-size: 16px;
    padding-left: 10px
}

.carstyle-name {
    float: right;
    margin-right: 30px;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    position: relative
}

.carstyle-name span {
    color: #858585
}

.carstyle-name img {
    margin-left: 5px;
    position: absolute;
    top: 15px
}

.carstyleinputs {
    margin-top: 15px
}

.car-number {
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 54px;
    line-height: 54px;
    width: 47.727273%;
    margin-right: 3.78789%
}

.car-number span {
    display: inline-block;
    padding-right: 5px;
    padding-left: 10px;
    border-right: 1px solid #009df6;
    height: 40px;
    margin-top: 8px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold
}

.car-number input {
    font-size: 14px;
    color: #c2c2c2;
    width: 60%;
    padding-left: 5%;
    height: 52px;
    border: 0;
    line-height: 52px
}

.car-shibm {
    float: left;
    width: 46.827273%;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 54px;
    line-height: 54px
}

.car-shibm input {
    font-size: 14px;
    color: #c2c2c2;
    width: 90%;
    padding-left: 5%;
    height: 52px;
    border: 0;
    line-height: 52px
}

.carstyle-btn {
    margin-top: 15px
}

.carstyle-btn a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #009df6;
    border-radius: 5px;
    border: 1px solid #009df6;
    height: 54px;
    line-height: 54px
}

.carstyle-list {
    background-color: #fff
}

.carstyle-list a {
    display: block;
    padding-left: 4.16667%;
    height: 54px;
    line-height: 54px;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block
}

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

caption, th {
    text-align: left;
    font-weight: normal
}

html, body, fieldset, img, iframe, abbr {
    border: 0
}

i, cite, em, var, address, dfn {
    font-style: normal
}

[hidefocus], summary, input {
    outline: 0
}

ul, dl, li {
    list-style: none
}

h1, h2, h3, h4, h5, h6, small {
    font-weight: normal
}

pre, code, kbd, samp {
    font-family: inherit
}

textarea {
    overflow: auto;
    resize: none
}

label, summary {
    cursor: default
}

a, button {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold
}

del, ins, a, a:hover {
    text-decoration: none
}

body, textarea, input, button, select {
    font: 14px/1.14 arial, "Microsoft YaHei", "微软雅黑", \5b8b\4f53;
    color: #333;
    outline: 0
}

body {
    background: #eee;
    font-size: 14px
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0
}

* {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
    cursor: pointer
}

.ctopNav {
    background-color: #009df6;
    padding-left: 4.6875%;
    padding-right: 4.6875%;
    padding-top: 10px;
    padding-bottom: 10px
}

.top-daohhang-f {
    width: 100%
}

.top-daohhang-f li {
    float: left
}

.top-daohhang-f li:first-child {
    width: 5%;
    max-width: 25px
}

.top-daohhang-f li:first-child a img {
    width: 100%;
    margin-top: 20%;
    max-width: 25px;
    min-width: 20px
}

.top-daohhang-f li.CnavName {
    width: 95%;
    color: #fff;
    text-align: center;
    line-height: 39px;
    font-size: 18px
}

.text-tis {
    background-color: #ceedff;
    font-size: 14px;
    color: #009df6;
    padding-left: 3.125%;
    padding-right: 3.125%;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px
}

.c-dingdan {
    background-color: #fff;
    padding-bottom: 10px;
    padding-left: 4.16667%;
    padding-right: 4.16667%;
    padding-top: 5px
}

.c-dl1 {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    font-size: 16px
}

.c-dl1 dd:first-child {
    float: left;
    color: #101010
}

.c-dl1 dd:nth-child(2) {
    float: right
}

.text-color1 {
    color: #848484
}

.text-color2 {
    color: #0a202d
}

.text-color3 {
    color: #ff007e
}

.btn-jfcx {
    margin-top: 30px
}

.btn-jfcx-1 {
    display: block;
    height: 48px;
    background-color: #009df6;
    color: #FFF;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 18px
}

.btn-jfcx-2 {
    display: block;
    height: 48px;
    background-color: #fff;
    color: #FFF;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #009df6;
    border: 2px solid #009df6;
    font-size: 18px
}

.tuijian-shop {
    background-color: #eee;
    padding-top: 15px;
    padding-bottom: 15px
}

.tj-title {
    position: relative;
    width: 100%;
    text-align: center
}

.tj-title h2 {
    color: #aeaeae;
    font-weight: normal;
    font-size: 16px;
    background-color: #eee;
    display: inline-block
}

.title-line {
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    margin-top: -25px
}

.title-line span {
    visibility: hidden
}

.shops-all {
    margin-top: 30px
}

.single-shop {
    background-color: #fff;
    margin-left: 2.5%;
    width: 46.527778%;
    float: left;
    margin-bottom: 10px
}

.single-shop dt img {
    width: 100%
}

.single-shop dd {
    padding: 10px
}

.single-shop dd h3 {
    color: #051b28;
    font-size: 14px;
    font-weight: normal
}

.text-color4 {
    color: #9c9c9c;
    line-height: 20px;
    font-size: 12px
}

.text-color4 em {
    color: #ff007e
}

.tab-nav {
    background-color: #fff
}

.tab-nav li {
    float: left;
    width: 16.666667%
}

.tab-nav li a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #3f4346;
    font-size: 16px
}

.tab-nav li a.selectd {
    border-bottom: 2px solid #009df6;
    color: #009df6
}

.topljianj {
    margin-top: 15px;
    padding-bottom: 0
}

.topljianj dl:last-child {
    border-bottom: 0
}

.text-color5 {
    font-size: 16px;
    color: #0a202d
}

.text-color7 {
    font-size: 14px;
    color: #9b9b9b;
    margin-top: 5px
}

.text-color6 {
    color: #ff5913;
    margin-top: 10px
}

.text-color8 {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #b2b2b2;
    font-size: 14px
}

.text-juli {
    margin-left: 4.16667%;
    margin-right: 4.16667%
}

.topnav-1 {
    padding-left: 6.25%;
    padding-right: 6.25%;
    background-color: #fff
}

.topnav-1 li {
    float: left;
    width: 33.333333%;
    text-align: center
}

.topnav-1 li a {
    display: block;
    height: 44px;
    line-height: 44px;
    color: #3f4346;
    font-size: 16px
}

.topnav-1 li a.selectd {
    color: #009df6;
    border-bottom: 2px solid #009df6
}

.style-fl {
    clear: both;
    margin-top: 20px;
    background-color: #fff
}

.style-fl h2 {
    font-weight: normal;
    padding-left: 6.25%;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 16px
}

.th-styletable {
    padding-left: 4.16667%;
    padding-right: 4.16667%
}

.table-stylep {
    width: 100%
}

.table-stylep tr td {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 5px;
    padding-bottom: 5px
}

.table-stylep tr td:first-child {
    width: 50%
}

.table-stylep tr td:nth-child(2) {
    width: 30%;
    color: #9f9f9f
}

.table-stylep tr td:last-child {
    width: 20%
}

.btn-cannel {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    color: #009df6;
    border-radius: 5px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #009df6
}

.btn-cannel:hover {
    background-color: #009df6;
    color: #fff
}

.table-stylep tr:last-child td {
    border-bottom: 0
}

.ykfw {
    margin-top: 20px;
    background-color: #fff
}

.ykfw h2 {
    font-weight: normal;
    padding-left: 6.25%;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 16px
}

.dl-alls {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
    font-size: 14px
}

.dl-alls dl {
    font-size: 14px
}

.dl-alls dl:last-child {
    border-bottom: 0
}

.text-color9 {
    color: #393939
}

.text-color10 {
    color: #9f9f9f
}

.text-color11 {
    color: #ff4a19
}

.content-d {
    margin-top: 20px;
    background-color: #fff
}

.group-con {
    border-bottom: 1px solid #e8e8e8
}

.title-top {
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e8e8e8;
    padding-left: 4.16667%;
    padding-right: 4.16667%
}

.title-top h2 {
    float: left;
    font-weight: normal;
    font-size: 18px
}

.title-top p {
    float: right;
    color: #ff5913
}

.title-top p span {
    font-size: 22px
}

.con-ts {
    margin-left: 4.16667%;
    margin-right: 4.16667%
}

.con-ts dd {
    position: relative;
    height: 40px;
    line-height: 40px
}

.con-ts dd p {
    color: #898989
}

.con-ts dd em {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: normal;
    color: #313131
}

.xj-jf {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
    margin-top: 10px;
    padding-bottom: 10px
}

.xiaofei-heji {
    text-align: right;
    color: #2b2b2b;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.xiaofei-heji span {
    color: #ff5913
}

.xiaofei-heji span em {
    font-size: 20px
}

.text-color12 {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #b2b2b2;
    line-height: 22px;
    text-indent: 2em
}

.footr-icon {
    background-color: #fff;
    padding-left: 4.16667%;
    padding-right: 4.16667%
}

.footr-ul {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px
}

.footr-ul li {
    float: left;
    width: 27.235294%;
    margin-left: 3%;
    margin-right: 3%
}

.footr-ul li a {
    display: block;
    color: #444
}

.footr-ul li img {
    width: 100%
}

.footr-ul li p {
    margin-top: 10px
}

.dxziy {
    background-color: #fff;
    margin-top: 10px
}

.title-dx {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
    border-bottom: 1px solid #e6e6e6
}

.title-dx a {
    display: block;
    color: #292828;
    height: 48px;
    line-height: 48px
}

.title-dx a h2 {
    font-size: 18px;
    font-weight: normal;
    float: left
}

.title-dx a p {
    float: right
}

.title-dx a p img {
    margin-left: 5px
}

.ccyl {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-bottom: 10px
}

.ccyl dt {
    color: #343434;
    line-height: 30px
}

.ccyl dd:nth-child(2) {
    width: 100%;
    height: 15px;
    border-radius: 30px;
    background-color: #ebf8ff
}

.jdt {
    height: 15px;
    border-radius: 30px;
    background-color: #009df6;
    width: 30%
}

.ccyl dd:last-child {
    position: relative;
    margin-top: 10px
}

.ccyl dd:last-child p {
    color: #969696
}

.ccyl dd:last-child p span {
    padding-left: 10px
}

.ccyl dd:last-child em {
    position: absolute;
    right: 0;
    top: 0;
    color: #009df6;
    font-weight: normal
}