@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.mr0{
    margin-right: 0!important;
}

.ml20{
    margin-left: .27rem!important;
}

/*公用输入框*/
.inwrap{
    padding: 0 .4rem;
}

.search{ width:100%;margin:0 auto;}

.search .searchItem{
    width: 7.91rem;
    height: .8rem;
    line-height: .8rem;
    float: left;
    background: #f7f7f7;
    border-radius: .4rem;}

.search input{
    background-color: #f7f7f7;
    height: .8rem;
    line-height: .8rem;
    text-indent: .32rem;
    font-size: .35rem;
    border: none;
    width: 82%;}

.search #tosearch{width:.36rem;margin:.21rem 0 0 .32rem;}

.search .delete{width:.37rem;margin:.21rem .27rem 0 0;}

.cancel{
    font-size: .43rem;
    width: 1.27rem;
    line-height: .8rem;
    height: .8rem;
    float: left;
    text-align: center;
}

.mainContentTWo li{
    height: 1.87rem;
    padding: .40rem 0;
    border-bottom: .03rem solid #F5F5F5;
}

.mainContentTWo li .showClass img{
    width: 3.36rem;
    height: 1.87rem;
}

.mainContentTWo li .showClass{
    border-radius:.07rem;
    display:inline-block;
    overflow:hidden;
    float: left;
}

.mainContentTWo li .showClass i{
    height: .43rem;
    line-height: .43rem;
    border-radius: 0 .21rem .21rem 0;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    display: inline-block;
    font-size: .27rem;
    padding:0 .33rem;
    left: 0;
    position: absolute;
    top: 0;
}

.mainContentTWo li .introduceClass{
    float: left;
    padding-left: .41rem;
}

.mainContentTWo li .introduceClass p{
    font-size: .4rem;
    line-height: .4rem;
    width: 5.33rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: .07rem 0 .21rem 0;
    font-weight: 700;
}

.mainContentTWo li .introduceClass span{
    height: .43rem;
    line-height: .43rem;
    padding: 0 .13rem;
    font-size:.29rem;
    color:#12c8d5;
    background-color: #e3fafc;
    margin-right: .11rem;
    border-radius:.04rem;
}

.mainContentTWo li .introduceClass em{
    font-size:.428rem;
    color:#ff9a49;
    padding-left: .07rem;
    display:block;
    padding-top: .31rem;
    font-weight: 700;
}

.mainContentThree{
    margin-bottom: 6.67rem;
}

.mainContentThree .mainTit{
    font-size:.51rem;
    line-height: .51rem;
    padding: .53rem 0 .4rem 0;
    color:#222;
}

.mainContentThree .mainTit img{
    margin-right: .2rem;
    vertical-align:top;
    width: .373rem;
    height: .427rem;
}

.mainContentThree  ul{
    border-top: .03rem solid #f5f5f5;
    padding-top: .56rem;
    overflow:hidden;
}

.mainContentThree  ul li{
    font-size:.4rem;
    float: left;
    width: 4.6rem;
    line-height: .4rem;
    padding-bottom: .64rem;
}

.mainContentThree  ul .tone{color:#fff;background-color:#f24724!important;}

.mainContentThree  ul .ttwo{color:#fff;background-color:#ff9602!important;}

.mainContentThree  ul .tthree{color:#fff;background-color:#ffd71d!important;}

.mainContentThree  ul li i{
    width: .43rem;
    height: .43rem;
    line-height: .43rem;
    text-align:center;
    border-radius:.03rem;
    background-color: #d3d3d3;
    color:#fff;
    display:inline-block;
    margin-right: .28rem;
}

/*.endThree{*/
    /*border-top: .01rem solid #adadad;*/
    /*height: 1.07rem;*/
    /*line-height: 1.07rem;*/
    /*font-size:.29rem;*/
    /*text-align:center;*/
    /*color:#adadad;*/
    /*background-color: #f7f7f7;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*display:inline-block;*/
/*}*/

/*.endThree i{*/
    /*float: right;*/
    /*margin-right: .77rem;*/
    /*color: #000000;*/
    /*font-size: .4rem;*/
/*}*/

/*全局缺省页*/
.header1{
    height: 1.15rem;
    border-bottom: .03rem solid #f5f5f5;
    line-height: 1.15rem;

}

.header1 .back img{
    margin-left: .36rem;
    vertical-align: middle;
    width: .41rem;
    top: .4rem;
    position: absolute;
    height: .37rem;
}

.header1 h1{
    text-align:center;
    font-size:.45rem;
}

.mainContent{
    text-align:center;
    padding-top: 3.09rem;
}

.mainContentOne{
    text-align:center;
    padding-top: 2.93rem;
}

.mainContent img{
    width: 2.88rem;
    height: 3.2rem;
}

.mainContentOne img{
    width: 2.85rem;
    height: 3.47rem;
}

.mainContent p,.mainContentOne p{
    color:#999999;
    font-size:.35rem;
    line-height: .35rem;
    padding: .52rem 0;
}

.mainContent .reload{
    display:inline-block;
    width: 2.67rem;
    height: .91rem;
    line-height: .91rem;
    background-color: #12ced5;
    font-size:.35rem;
    text-align:center;
    color:#fff;
    border-radius:.45rem;
}

.header2{
    padding-top: .19rem;
    height: .99rem;
}

.greyTit{
    font-size:.37rem;
    color:#999;
    padding-top: .53rem;
}

/*5*/
.mainContentFive{
    padding: 0 .51rem 0 .29rem;
    /*background-color: pink;*/
}

.mainContentFive .aheadTit{
    padding-top: .534rem;
    font-size:.4rem;
    color:#999999;
}

.mainContentFive .location{
    padding-top: .267rem;
    padding-bottom: .2rem;
}

.mainContentFive .location span{
    width: 2.83rem;
    height: .91rem;
    font-size:.4rem;
    line-height: .91rem;
    text-align:center;
    display:inline-block;
    border-radius:.07rem;
    background-color: #f7f7f7;
    color:#333333;
    margin-right: .267rem;
}

.mainContentFive .location span img{
    vertical-align:middle;
    width: .37rem;
    height: .37rem;
    margin-right: .13rem;
}

.bw{
    background-color: #fff!important;
    color: #555555 !important;
}

.cityImg{
    vertical-align:middle;
    margin-left: .13rem;
    width: .4rem;
    height: .21rem;
}

.onImg{
    transform: rotate(180deg) !important;
    transition: transform 0.5s ease 0s!important;
}

.activeImg{
    transform: rotate(0deg) !important;
    transition: transform 0.5s ease 0s!important;
}

.mainContentFive .hotSpots{
    padding-top: .334rem;
}

.mainContentFive .hotSpots span:nth-child(3n){
    margin-right: 0 !important;
}

.mainContentFive .hotSpots span{
    width: 2.82rem;
    height: .91rem;
    font-size:.37rem;
    line-height: .91rem;
    text-align:center;
    display:inline-block;
    border-radius:.07rem;
    background-color: #f7f7f7;
    color:#333333;
    margin-right: .27rem;
    margin-bottom: .27rem;
}

.mainContentFive .inSports{
    display:none;
}

.mainContentFive .province li{
    padding: .44rem 0 .44rem .04rem;
    border-bottom: .03rem solid #f5f5f5;
}

.mainContentFive .province li a{
    font-size:.37rem;
    line-height: .27rem;
    color:#ccc;
    padding-bottom: .48rem;
    display:inline-block;
}

.mainContentFive .province li P{
    font-size:.37rem;
    line-height: .37rem;
}

/*13*/
.endSay{
    color: #989898;
    font-size: .29rem;
    text-align: center;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding: .6rem 0;
}

/*14*/
.contentBenke{
    text-align:center;
    padding-bottom: .53rem;
}

.contentBenke ul{
    padding-top: .37rem;
}

.contentBenke li{
    text-align:left;
    margin:0 auto;
    position: relative;
    padding: 0 .53rem;
    width: 8.13rem;
    height: 2.88rem;
    border-radius:.13rem;
    margin-bottom: .27rem;
}

.contentBenke li span{
    font-size:.51rem;
    line-height: .51rem;
    padding: .49rem 0 .23rem 0;
    display:inline-block;
    font-family: SimSun;
    font-weight: 700;
}

.contentBenke li i{
    width: .43rem;
    height: .05rem;
    border-radius:.03rem;
    display:block;
}

.contentBenke li p{
    font-size:.35rem;
    line-height: .48rem;
    color:#7b7b7b;
    width: 5.31rem;
    padding-top: .2rem;
}

.contentBenke li a{
    right: .4rem;
    top: .48rem;
    width: 1.92rem;
    position: absolute;
    display: inline-block;
    height: 1.92rem;
}

.bg1{
    background: -webkit-linear-gradient(left, #FFF2E9, #FFF8F5); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,  #FFF2E9, #FFF8F5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,  #FFF2E9, #FFF8F5); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,  #FFF2E9, #FFF8F5); /* 标准的语法 */
}

.bg1 span{
    background: linear-gradient(to right, #fb682d, #ff9a4a);
    -webkit-background-clip: text;
    color: transparent;
}

.bg1 i{
    background-color: #fa672c;
}

.bg2{
    background: -webkit-linear-gradient(left, #E0FCFD, #F2FFFF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #E0FCFD, #F2FFFF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #E0FCFD, #F2FFFF); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #E0FCFD, #F2FFFF); /* 标准的语法 */
}

.bg2 span{
    background: linear-gradient(to right, #1ebecb, #03d3c4);
    -webkit-background-clip: text;
    color: transparent;
}

.bg2 i{
    background-color: #0dadc7;
}

.footIntroduce{
    padding: .67rem 0 .35rem 0;
    font-size:.32rem;
}

.moreClass{
    width: 2.48rem;
    height: .8rem;
    line-height: .8rem;
    background-color: #12ced5;
    font-size:.35rem;
    color:#fff;
    display:inline-block;
    text-align:center;
    border-radius:.4rem;
    margin: 0 auto;
}

/*15*/
.contentTuijian{
    padding: .4rem .4rem 0;
}

.topPIC{
    text-align:center;
    padding-bottom: .27rem;
}

.topPIC img{
    width: 9.2rem;
    height: 2rem;
}

.bigTit{
    padding:.4rem 0 .43rem;
    font-size:.51rem;
    color:#222222;
    font-weight: 700;
    line-height: .51rem;
}

.bigTit a{
    color:#666666;
    font-size:.35rem;
    float: right;
    font-weight: 400;
    vertical-align:center;
}

.muneContent{
    padding-bottom: .27rem;
    display:inline-block;
}

.muneContent div{
    width: 4.4rem;
    float: left;
    margin-right: .4rem;
    position: relative;
    border-radius:.13rem;
    overflow:hidden;
    margin-bottom: .4rem;
    box-shadow:0 0 .13rem rgba(0,0,0,.1);
}

.muneContent div i{
    width: 1.25rem;
    height: .43rem;
    font-size:.29rem;
    color: #ffffff;
    line-height: .43rem;
    text-align:center;
    border-radius:0 .21rem .21rem 0;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
}

.muneContent div p{
    padding: .27rem .27rem .23rem;
    font-size:.373rem;
    line-height: .35rem;
    color:#222222;
    font-weight: 700;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.muneContent div span{
    font-size:.29rem;
    height: .43rem;
    line-height: .43rem;
    padding: 0 .12rem;
    color:#12c8d5;
    background-color: #e3fafc;
    border-radius:.04rem;
    margin-right: .11rem;
    display:inline-block;
}

.muneContent div em{
    font-weight: 700;
    font-size:.427rem;
    color:#ff9a49;
    padding: .305rem 0 .30rem .27rem;
    display:inline-block;
}


.muneContent div em strong{
    font-size:.32rem;
    font-weight: 400;
}

.fenge{
    height: .27rem;
    background-color: #f8f8f8;
}

.contentTuijian ul{
    overflow:hidden;
}

.contentTuijian ul li{
    height: .8rem;
    line-height: .8rem;
    border-radius:.4rem;
    font-size:.4rem;
    text-align:center;
    color:#666666;
    background-color: #f8f8f6;
    border:.03rem solid #f8f8f6;
    padding: 0 .48rem;
    display:inline-block;
    float: left;
    margin-right: .27rem;
}

.contentTuijian ul .active{
    color:#12c8d5;
    border-color:#12c8d5;
    background-color: #e9fbfd;
}

.tabBox .labCon{
    padding-top: .53rem;
    display:none;
}

.tabBox .labCon div{
    width: 4.4rem;
    margin-right: .4rem;
    float: left;
    margin-bottom: .4rem;
    box-shadow:0 0 .13rem rgba(0,0,0,.1);
    border-radius:.13rem;
    overflow:hidden;
}

.tabBox .labCon div p{
    padding: .16rem .27rem 0;
    font-size:.35rem;
    font-weight: 700;
    line-height: .53rem;
    height: 1.07rem;
}

.tabBox .labCon div span{
    float: left;
    font-size:.35rem;
    font-weight: 700;
    padding-left: .27rem;
    line-height: 1.15rem;
}

.tabBox .labCon div em{
    padding-right: .27rem;
    font-size:.29rem;
    color:#999999;
    float: right;
    line-height: 1.17rem;
}

.tabBox .labCon div em i{
    font-size:.27rem;
    color:#ff9a49;
}

.tabBox .labCon strong{
    color:#989898;
    font-size:.29rem;
    text-align:center;
    width: 100%;
    font-weight: 400;
    display:inline-block;
    padding-bottom: .6rem;
}


/*右侧 导航*/
.right-nav ul{position: fixed;right: 0;font-size:.21rem;top:20%;}
.right-nav li{line-height: .43rem;width: .43rem;height: .43rem;text-align:center;margin: .124rem 0;}
.right-nav li{color:#999;}
.right-nav .on{border-radius:.21rem;background-color: #fff3e5;}
.right-nav .on a{color:#ff9d4f;}
.right-nav .centerTit{display:none;font-size:.45rem;color:#fff;width: 1.07rem;height: 1.07rem;line-height: 1.07rem;border-radius:.53rem;text-align:center;background-color: rgba(0,0,0,.4);position: fixed;top: 50%;margin-top: -0.53rem;left: 50%;margin-left: -0.53rem;}
