.xm-product-box .hd {
    background-color: #f5f5f5
}

.xm-product-box .ft {
    border-top: 1px solid #e0e0e0
}

.xm-product-box .nav-bar {
    position: relative;
    height: 50px;
    color: #616161
}

.xm-product-box .nav-bar .title {
    float: left;
    margin: 10px 0 0 0
}

.xm-product-box .nav-bar .title h2 {
    margin: 0;
    color: #424242;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px
}

.xm-product-box .nav-bar .title small {
    font-size: 12px
}

.xm-product-box .nav-bar .nav {
    float: right;
    margin: 10px 0 0 0
}

.xm-product-box .nav-bar .nav .nav-switch {
    margin-right: 10px;
    line-height: 30px
}

.xm-product-box .nav-bar .btn {
    vertical-align: bottom
}

.xm-product-box .nav-switch .sep {
    color: #e0e0e0
}

.xm-product-box .nav-switch .link {
    color: #616161
}

.xm-product-box .nav-switch .link:hover {
    color: #ff6700
}

.xm-product-box .nav-switch .active {
    color: #ff6700;
    cursor: default
}

.xm-product-box .nav-switch .active:hover {
    color: #ff6700
}

.common-section {
    -webkit-font-smoothing: antialiased
}

.common-section .title {
    margin: 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.3125
}

.common-section .descText {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.75
}

.common-section .descText .desc {
    margin: 0;
    padding-bottom: 30px
}

.common-section .subTitle {
    padding-bottom: 10px;
    font-size: 18px
}

.section-next {
    position: relative;
    height: 360px;
    background: #f5f5f5;
    text-align: center
}

.section-next .title {
    margin-top: 130px;
    color: #212121;
    font-size: 36px
}

.section-next .link-url {
    margin-top: 30px;
    color: #ff6709;
    font-size: 16px
}

.section-footnote {
    background-color: #fafafa
}

.section-footnote .container {
    padding-top: 45px;
    padding-bottom: 45px;
    color: #757575
}

.section-footnote .content {
    margin-left: 62px
}

.section-footnote .title {
    margin-top: 30px;
    padding-left: 56px;
    color: #ccc;
    font-size: 14px
}

.section-footnote .footnote-list {
    margin-top: 20px;
    padding: 0;
    width: 1064px;
    color: #ccc;
    list-style-type: none;
    font-size: 12px;
    line-height: 1.5
}

.section-footnote .footnote-list li {
    margin-top: 5px;
    width: 1100px;
    text-indent: -7px
}

.modal-video {
    margin-top: -298px;
    margin-left: -440px;
    width: 880px;
    height: 596px;
    -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, .18);
    box-shadow: 0 18px 30px rgba(0, 0, 0, .18)
}

.modal-video .modal-bd {
    padding: 0;
    max-height: 536px
}

.xm-product-box .nav-bar-hidden {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    margin-top: -52px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    background: #eee;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 0 3px #b0b0b0;
    box-shadow: 0 0 3px #b0b0b0;
    -webkit-transition: margin-top .5s ease-out;
    transition: margin-top .5s ease-out;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#e5ffffff", endColorstr="#e5ffffff") \9
}

.xm-product-box .nav-bar-fixed {
    margin-top: 0
}

@font-face {
    font-family: Fd0b6b;
    src: url(//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/d0b6b6b33b1c83.eot);
    src: local(FZLanTingHei-EL-GBK), url(//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/d0b6b6b33b1c83.eot?#iefix) format("embedded-opentype"), url(//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/d0b6b6b33b1c83.woff) format("woff"), url(//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/d0b6b6b33b1c83.ttf) format("truetype"), url(//i1.mifile.cn/v2/MI_127725977E2BD3/1277/1633179/file/f/d0b6b6b33b1c83.svg) format("svg")
}

.mi5-specs .section {
    color: #333
}

.mi5-specs .section .common-container {
    padding: 60px 0 60px 0;
    border-bottom: 1px solid #e0e0e0
}

.mi5-specs .section h2 {
    margin: 0 auto;
    color: #212121;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.78571
}

.mi5-specs .section strong {
    display: block;
    padding-bottom: 10px;
    color: #212121;
    font-size: 16px
}

.mi5-specs .section ul {
    margin: 0;
    padding: 0
}
.mi5-specs .section .span15{
    padding-bottom: 50px;
}
.mi5-specs .section .span15 p.text {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 2.375
}
.mi5-specs .section .span15 p.text_left {
float: left;
width: 380px;
margin-right: 80px;
}
.mi5-specs .section .span15 p.text_right {
width: 350px;
display: inline-block;
}

.mi5-specs .section .reset {
    margin-left: 14px
}

.mi5-specs .section .link {
    clear: both
}

.mi5-specs .section .link a {
    margin-right: 60px;
    color: #999;
    font-size: 16px
}

.mi5-specs .section .link a .arrow {
    display: inline-block;
    margin-left: 5px;
    border-color: transparent transparent transparent #999;
    border-style: dashed dashed dashed solid;
    border-width: 6px 0 6px 6px
}

.mi5-specs .section .link a.active .arrow {
    border-color: #999 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 6px 6px 0 6px;
    vertical-align: 2px
}

.mi5-specs .section .list {
    margin-left: 20px
}

.mi5-specs .section .list li {
    float: left;
    width: 186px;
    font-size: 16px;
    line-height: 2.375
}

.mi5-specs .section .imgsize {
    position: relative
}

.mi5-specs .section .imgsize ul {
    overflow: hidden;
    margin-left: -14px
}

.mi5-specs .section .imgsize li {
    position: absolute;
    overflow: hidden;
    list-style: none;
    text-align: center;
    font-size: 16px;
    line-height: 2.375
}

.mi5-specs .section .msg {
    position: relative;
    display: none;
    overflow: hidden;
    margin-top: 30px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.mi5-specs .section .msg.show {
    display: block
}

.mi5-specs .section .msg .header {
    height: 50px;
    background: #e0e0e0
}

.mi5-specs .section .msg .header .msg-title {
    padding-left: 20px;
    color: #212121;
    font-size: 18px;
    line-height: 50px
}

.mi5-specs .section .msg .closed {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #e0e0e0;
    color: #b0b0b0;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    cursor: pointer
}

.mi5-specs .section .msg p {
    padding: 28px 62px;
    color: #666;
    line-height: 2.28571
}

.mi5-specs .section .msg p strong {
    display: inline-block
}

.mi5-specs .webfont {
    font-family: Fd0b6b
}

.mi5-specs .section-intro .container {
    position: relative;
    height: 750px
}

.mi5-specs .section-intro .container .imgList {
    position: absolute;
    top: 100px;
    left: 62px
}

.mi5-specs .section-intro .container .imgList ul {
    position: relative;
    height: 609px
}

.mi5-specs .section-intro .container .imgList ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 496px;
    height: 609px;
    list-style: none;
    opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    filter: alpha(opacity=0) \9
}

.mi5-specs .section-intro .container .imgList ul li.white {
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-intro-white.jpg) no-repeat top center
}

.mi5-specs .section-intro .container .imgList ul li.black {
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-intro-black.jpg) no-repeat top center
}

.mi5-specs .section-intro .container .imgList ul li.gold {
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-intro-gold.jpg) no-repeat top center
}

.mi5-specs .section-intro .container .imgList ul li.vip-black {
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-intro-vipblack.jpg) no-repeat top center
}

.mi5-specs .section-intro .container .imgList ul li.active {
    opacity: 1;
    filter: alpha(opacity=100) \9
}

.mi5-specs .section-intro .container .imgList .text p {
    display: none;
    padding: 35px 0 0 25px;
    color: #999;
    text-align: center
}

.mi5-specs .section-intro .container .imgList .text p.active {
    display: block
}

.mi5-specs .section-intro .container .context {
    margin-right: 62px;
    padding: 70px 0 0 682px
}

.mi5-specs .section-intro .container .context p {
    margin: 0;
    font-size: 16px
}

.mi5-specs .section-intro .container .context .sup {
    overflow: hidden;
    padding-bottom: 48px;
    border-bottom: 1px solid #e0e0e0
}

.mi5-specs .section-intro .container .context dl {
    float: left;
    margin: 73px 38px 0 0;
    width: 134px
}

.mi5-specs .section-intro .container .context dl dt {
    color: #333;
    font-size: 30px
}

.mi5-specs .section-intro .container .context dl dt span {
    font-size: 16px
}

.mi5-specs .section-intro .container .context dl dd {
    margin: 0;
    color: #666;
    font-size: 16px
}

.mi5-specs .section-intro .container .context dl.last {
    margin: 73px 0 0 0
}

.mi5-specs .section-intro .container .context .sub {
    padding-top: 48px
}

.mi5-specs .section-intro .container .context .sub .left {
    float: left;
    margin-right: 48px
}

.mi5-specs .section-intro .container .context .sub ul {
    margin-top: 40px;
    margin-left: -14px
}

.mi5-specs .section-intro .container .context .sub ul li {
    position: relative;
    float: left;
    margin-right: 48px;
    width: 62px;
    list-style: none;
    text-align: center
}

.mi5-specs .section-intro .container .context .sub ul li.active .cir .checked {
    display: block
}

.mi5-specs .section-intro .container .context .sub .cir {
    position: relative;
    margin: 0 auto 10px auto;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    cursor: pointer
}

.mi5-specs .section-intro .container .context .sub .cir .checked {
    position: absolute;
    top: -4px;
    left: -4px;
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid #e7e7e7;
    border-radius: 21px
}

.mi5-specs .section-intro .container .context .sub .cir.black {
    background: #272727
}

.mi5-specs .section-intro .container .context .sub .cir.white {
    background: #f0f0f0
}

.mi5-specs .section-intro .container .context .sub .cir.gold {
    background: #e1ceae
}

.mi5-specs .section-size .imgsize {
    margin-top: 64px;
    margin-left: -28px;
    height: 408px;
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-size.jpg) no-repeat top center
}

.mi5-specs .section-size .imgsize ul {
    overflow: hidden;
    margin-left: -14px
}

.mi5-specs .section-size .imgsize li {
    position: absolute
}

.mi5-specs .section-size .imgsize li.item1 {
    top: 268px;
    left: 300px
}

.mi5-specs .section-size .imgsize li.item2 {
    top: 200px;
    left: 880px
}

.mi5-specs .section-size .imgsize li.item3 {
    top: 306px;
    left: 782px
}

.mi5-specs .section-battery .link,
.mi5-specs .section-ram .link {
    padding-top: 30px
}

.mi5-specs .section-camera .context {
    padding: 40px 0 40px 0
}

.mi5-specs .section-camera strong {
    padding-bottom: 20px
}

.mi5-specs .section-screen .context {
    padding: 40px 0 40px 0
}

.mi5-specs .section-all .context {
    padding: 40px 0
}

.mi5-specs .section-all .imgsize {
    height: 300px;
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-all.jpg) no-repeat top left
}

.mi5-specs .section-all .imgsize li.item1 {
    top: 252px;
    left: 16px
}

.mi5-specs .section-all .imgsize li.item2 {
    top: 252px;
    left: 120px
}

.mi5-specs .section-key .imgsize {
    margin-top: 24px;
    height: 504px;
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-key.jpg) no-repeat top left
}

.mi5-specs .section-key .imgsize li.item1 {
    top: 412px;
    left: -42px
}

.mi5-specs .section-key .imgsize li.item2 {
    top: 412px;
    left: 308px
}

.mi5-specs .section-key .imgsize li.item3 {
    top: 412px;
    left: 402px
}

.mi5-specs .section-key .imgsize li.item4 {
    top: 412px;
    left: 550px
}

.mi5-specs .section-key .imgsize li.item5 {
    top: 412px;
    left: 685px
}

.mi5-specs .section-key .imgsize li.item6 {
    top: 27px;
    left: 810px
}

.mi5-specs .section-key .imgsize li.item7 {
    top: 112px;
    left: 810px
}

.mi5-specs .section-camera .img {
    width: 389px;
    height: 266px;
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-camera.jpg) no-repeat top center
}

.mi5-specs .section-media .list {
    padding-bottom: 40px
}

.mi5-specs .section-package .container {
    border-bottom: none
}

.mi5-specs .section-package .img {
    margin-top: 40px;
    width: 808px;
    height: 365px;
    background: url(//c1.mifile.cn/f/i/16/mi5/zm/specs-package.jpg) no-repeat top center
}


.toolTip_bg {
    background: #000 none repeat scroll 0 0;
    height: 780px;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
}
.toolTip_box_hq {
    background: #fff none repeat scroll 0 0;
    border: 10px solid #ff4466;
    border-radius: 8px;
    left: 50%;
    margin-left: -208px;
    position: absolute;
    top: 20%;
    width: 417px;
    z-index: 6;
}
.toolTip_title_hq {
    background: rgba(0, 0, 0, 0) url("../../static/images/hp_tc_titile.jpg") no-repeat scroll 0 0;
    border-radius: 8px;
    height: 175px;
    margin-top: -5px;
    width: 417px;
}
.toolTip_title_hq span {
    color: #dd1e04;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 100px;
}
.close_icon {
    background: rgba(0, 0, 0, 0) url("../../static/images/icon1.png") no-repeat scroll -40px -391px;
    display: block;
    float: right;
    height: 15px;
    margin-right: 20px;
    margin-top: -120px;
    transition: transform 0.4s ease-out 0s;
    width: 15px;
}
.close_icon:hover {
    transform: rotate(360deg);
}
.toolTip_con_hq {
    padding: 20px;
    width: 96%;
}
.toolTip_con_hq h2 {
    color: #ff4466;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
}
.toolTip_con_hq h3 {
    color: #ff8800;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
    padding: 0 20px;
    text-align: center;
}
.toolTip_con_hq h3 span {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    margin-left: 20px;
    text-decoration: line-through;
}
.toolTip_con_hq p {
    color: #999;
    font-size: 12px;
    line-height: 30px;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
}
.toolTip_con_input {
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #999;
    font-size: 16px;
    height: 40px;
    margin-left: 40px;
    margin-top: 20px;
    padding-left: 20px;
    width: 280px;
}
.toolTip_con_button {
    background: #ff8800 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-left: 40px;
    margin-top: 20px;
    text-align: center;
    width: 300px;
}
li{list-style-type:none;}
.selectmouth ul li{float:left; margin:20px 20px 0 0;width: 182px; height: 42px; line-height: 42px; border: 1px solid #dfdfdf; text-align: center;cursor:pointer;}
.selectcolor{ float: left; margin: 20px 0;}
.selectcolor ul li{float: left; width: 138px;height: 38px;border: 1px solid #dfdfdf;margin:20px 10px 0 0;cursor: pointer;}
.selectteam ul li{float: left; width: 138px;height: 40px;border: 1px solid #dfdfdf;margin:20px 10px 0 0; text-align: center;padding: 20px 0;cursor: pointer;}
.context .on{border: 1px solid #f36701 !important;}
.button{float: left; text-align: center; margin: 20px 0;}
.button .wed_yuyue{display:inline-block;width: 160px; height: 40px; line-height: 40px; background: #f36701; color: #fff;margin-right: 10px;}
.button .wed_zixun{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #f36701;
    border: 1px solid #f36701;
}






table {text-align: center;border: 1px solid #E6E6E6;color: #666;width: 733px;}
td {border-top: 1px solid #E6E6E6;font-size: 14px;height: 40px;border-right: 1px solid #E6E6E6;}
.td01 {font-size: 20px;background: #E6E6E6;font-weight: bold;border-top:0;border-right:0;color: #000;}
.td03 { border-right:0;text-align: left;padding-left: 30px;}
.td04 {text-align: left;padding-left: 50px;}
.td04 .ts01 {font-size: 18px;color: #ff3333;font-weight: bold;}
.td04 .ts02 {text-decoration: line-through;}