.clear {
    clear: both;
}

img {
    border: 0;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 0;
    background-color: #f0f3f3;
    overflow-x: hidden;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0px;
}

button {
    padding: 0;
    border: 0;
}

table {
    border-collapse: collapse;
}

.clearfixed:after {
    display: block;
    clear: both;
    content: "";
}

html,
body {
    width: 100%;
    height: 100%;
    /*font-size: 62.5%;*/
}

html *:before,
html *:after {
    /*box-sizing: border-box;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

*:before,
*:after {
    z-index: 2;
}

img {
    display: block;
}

.header {
    width: 100%;
    height: 50px;
    background-color: #3db4e5;
    font-size: 16px;
    color: #ffffff;
    -webkit-box-shadow: 0 0 20px #6791ba;
    -moz-box-shadow: 0 0 20px #6791ba;
    box-shadow: 0 0 20px #6791ba;
    position: relative;
    z-index: 600;
}

.topl {
    float: left;
    margin-left: 100px;
}

.topl a {
    height: 50px;
    float: left;
    line-height: 50px;
    margin: 0 10px;
}

.topl a:hover {
    color: #a3d7f1;
}

.topr {
    float: right;
}

.topr span {
    float: left;
    height: 50px;
    line-height: 50px;
    margin: 0 50px;
}

.topr1 {
    float: left;
}

.ully {
    float: left;
    /*height: 27px;*/
    width: 148px;
    background: url(../images/gerdenbg.png) no-repeat center center;
    margin-top: 12px;
    padding-left: 30px;
    line-height: 27px;
    position: relative;
    cursor: pointer;
}

.ulli {
    width: 148px;
    left: 15px;
    background-color: #3db4e5;
    display: none;
    position: absolute;
    z-index: 100000;
    text-align: center;
    padding: 11px 0;
}

.ulli li {
    width: 148px;
    height: 30px;
    float: left;
    line-height: 30px;
}

.ulli li:hover {
    background-color: #6fc8ed;
}

.ulli li:hover ul {
    display: block;
}

/*xinzeng*/
.ulli li a {
    height: 30px;
    line-height: 30px;
    display: block;
}

.ul_li {
    display: none;
    margin-left: 148px;
    margin-top: -30px;
    background-color: #3db4e5;
    float: left;
}

.ul_li li:hover {
    background-color: #6fc8ed;
}

/*轮播*/
.rotation {
    height: 650px;
    position: relative;
}

.rotation ul {
    width: 100%;
    height: 650px;
    position: relative;
    /*background: url("../images/roation.jpg")  no-repeat center;*/
}

.rotation ul li {
    width: 100%;
    height: 650px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.rotation a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.rotation_btn {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 999;
    margin-top: -50px;
    top: 50%;
    cursor: pointer;
    border-radius: 50%;
    /*left: 0;*/
    display: none;
}

.rotation_btn_left {
    left: 100px;
    background: url("../images/large_left.png") no-repeat;
}

.rotation_btn_left:hover {
    background-position: 0 -80px;
}

.rotation_btn_rigth {
    right: 100px;
    background: url("../images/large_right.png")no-repeat;
}

.rotation_btn_rigth:hover {
    background-position: 0 -80px;
}

.rotationdolt {
    position: absolute;
    bottom: 56px;
    margin-left: 50%;
    left: -46px;
}

.rotationdolt span {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
}

.rotationdolt span.actived {
    background: rgba(255, 255, 255, 1);
}

.activity {
    background: url("../images/activity.png") center;
    height: 90px;
    position: relative;
    z-index: 500;
    -webkit-box-shadow: 0 0 20px #6791ba;
    -moz-box-shadow: 0 0 20px #6791ba;
    box-shadow: 0 0 20px #6791ba;
}

.activity_nav {
    position: absolute;
    margin-left: 50%;
    left: 280px;
}

.activity_nav li {
    position: relative;
    float: left;
}

.activity_nav li span {
    display: block;
    width: 45px;
    height: 45px;
    margin: 15px 10px;
    cursor: pointer;
}

.weixin span {
    background: url("../images/weixin.png") no-repeat;
}

.weibo span {
    background: url("../images/weibo.png") no-repeat;
}

.news span {
    background: url("../images/news.png") no-repeat;
}

.phone span {
    background: url("../images/phone.png") no-repeat;
}

.activity_nav div {
    position: absolute;
    bottom: 76px;
    left: -24px;
    display: none;
}

.weixin div {
    background: url("../images/weixincode.png") no-repeat;
    width: 106px;
    height: 115px;
}

.weibo div {
    background: url("../images/weibocode.png") no-repeat;
    width: 106px;
    height: 115px;
}

.news a {
    display: block;
    width: 45px;
    height: 45px;
}

.phone div {
    background: url("../images/phonecode.png") no-repeat;
    width: 233px;
    height: 54px;
    left: -82px;
}

.act {
    position: relative;
}

.activitybg {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.activitybg img {
    width: 100%;
    height: 100%;
}

/*精彩活动*/
.activitycontent {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.theme {
    height: 596px;
    background: url("../images/theme.png") no-repeat 23px;
    position: relative;
    margin-bottom: -154px;
}

.themebtn {
    width: 420px;
    height: 130px;
    background: url("../images/btn_bg.png");
    position: absolute;
    right: 50px;
    top: 170px;
    transition: all .5s;
}

.themeborder {
    width: 380px;
    height: 100px;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 15px #d57b65;
    -moz-box-shadow: 0 0 15px #d57b65;
    box-shadow: 0 0 15px #d57b65;
    background: url("../images/line.png") no-repeat center;
    background-size: 2px 61px;
    transition: all .5s;
}

.themeborder>div {
    width: 50%;
    height: 100%;
    float: left;
    transition: all .5s;
    cursor: pointer;
}

.buyticket {
    color: #ffffff;
    line-height: 100px;
    font-size: 26px;
    text-indent: 40px;
    
}
.zz_wxcode {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

.alert_wxcode {
    display: none;
    background: url("../images/wxcode_bg.png") no-repeat center;
    width: 726px;
    height: 467px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -240px 0 0 -363px;
    z-index: 1000;
}

.wxcode_close {
    position: absolute;
    top: -10px;
    right: -10px;
}
#wxcode_code {
    position: absolute;
    top: 165px;
    left: 432px;
    width: 140px;
}

.liner {
    height: 100px;
    background: url("../images/liner.png") no-repeat 50px center;
}

.themebtn:hover .themeborder {
    box-shadow: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: 2px 80px;
}

.themebtn:hover .buyticket {
    text-indent: 70px;
    color: #ffffff;
    line-height: 130px;
}

.themebtn:hover .liner {
    background: url("../images/liner.png") no-repeat 40px center;
}

.row {
    height: 936px;
    /*background:rgba(0,0,0,.3);*/
    position: relative;
    /*margin: -180px 0  0 0;*/
}

.act .row1 {
    /*margin: -152px 0  0 0;*/
}

.row>div {
    width: 526px;
    height: 700px;
    background: #fff;
    position: relative;
    float: left;
}

.col1 {
    margin: 70px 94px 0 25px;
}

.col2 {}

.colborder {
    width: 496px;
    height: 660px;
    margin: 20px auto;
    -webkit-box-shadow: 0 0 15px #ebebeb;
    -moz-box-shadow: 0 0 15px #ebebeb;
    box-shadow: 0 0 15px #ebebeb;
}

.img {
    width: 496px;
    height: 308px;
    transition: all 3s;
    position: relative;
}

.col1 .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    transition: all 3s;
}

.col2 .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    transition: all 3s;
}

.img:hover {
    background-size: 100%;
}

.colborder .imgbg {
    background-size: 100%;
}

.gradient {
    background: url("../images/gradient.png") no-repeat;
    background-size: cover;
    position: absolute;
    width: 94px;
    height: 94px;
    margin-top: 261px;
    left: 201px;
}

.colborder .gradientanimation {
    animation: redopacity .5s linear;
}

@keyframes redopacity {
    0% {
        width: 74px;
        height: 74px;
        margin-top: 271px;
        left: 211px;
    }

    50% {
        width: 114px;
        height: 114px;
        margin-top: 251px;
        left: 191px;
    }

    80% {
        width: 84px;
        height: 84px;
        margin-top: 266px;
        left: 206px;
    }

    100% {
        width: 94px;
        height: 94px;
        margin-top: 261px;
        left: 201px;
    }
}

.colcontent {
    line-height: 2;
}

.colcontent h5 {
    font-size: 26px;
    text-align: center;
    font-weight: 500;
    margin: 60px 0 0;
    line-height: 1.5;
}

.colcontent .lines {
    width: 80px;
    margin: 20px auto;
    border-bottom: 1px solid #bbb8b8;
}

.colcontent p {
    color: #918f8f;
    font-size: 18px;
    padding: 0 50px;
}

.colcontent span {
    color: #000;
}

.coltheme {
    font-size: 18px;
    color: #918f8f;
    padding: 0 50px;
    overflow: hidden;
    height: 108px;
}

.coltheme b {
    color: #000;
    font-weight: 500;
    display: block;
    float: left;
}

.coltheme div {
    float: left;
    width: 280px;
}

.contentbtn {
    width: 300px;
    height: 90px;
    background: url("../images/btn_bg.png");
    position: absolute;
    bottom: -20px;
    left: 100px;
    transition: all .5s;
}

.themecontenborder {
    width: 274px;
    height: 70px;
    margin: 10px auto;
    -webkit-box-shadow: 0 0 15px #d57b65;
    -moz-box-shadow: 0 0 15px #d57b65;
    box-shadow: 0 0 15px #d57b65;
    background: url("../images/line.png") no-repeat center;
    background-size: 2px 41px;
    transition: all .5s;
}

.themecontenborder>div {
    width: 50%;
    height: 100%;
    float: left;
    transition: all .3s;
}

.buycontenticket {
    color: #ffffff;
    line-height: 70px;
    font-size: 18px;
    text-indent: 40px;
    background: url("../images/linertext.png") no-repeat center;
}

.linerconten {
    height: 80px;
    background: url("../images/liner.png") no-repeat 40px center;
}

.contentbtn:hover .themecontenborder {
    box-shadow: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: 2px 50px;
}

.contentbtn:hover .buycontenticket {
    background: url("../images/linertext.png") no-repeat 60px center;
    color: #ffffff;
    line-height: 90px;
}

.contentbtn:hover .linerconten {
    background: url("../images/liner.png") no-repeat 30px center;
}


/*方特欢乐世界*/
.fantawild {
    height: 1121px;
    background: url("../images/fantawild.png") no-repeat center;
    position: relative;
    margin: 0 auto;
}

.fantawild_content {
    width: 1200px;
    height: 1121px;
    margin: 0 auto;
}

.fantawild_l {
    width: 500px;
    float: left;
    /*background: pink;*/
    margin-top: 400px;
    position: relative;
}

.fantawild_l_group {
    position: absolute;
    display: none;
}

.fantawild_l_group.actived {
    display: block;
}

.fantawild_l_header {
    margin-bottom: 30px;
}

.fantawild_l p {
    font-size: 16px;
    text-indent: 32px;
    color: #b0afaf;
    line-height: 2;
}

.fantawild_r {
    width: 545px;
    height: 676px;
    padding: 10px;
    -webkit-box-shadow: 0 0 15px #cbcbcb;
    -moz-box-shadow: 0 0 15px #cbcbcb;
    box-shadow: 0 0 15px #cbcbcb;
    float: left;
    margin: 240px 0 0 100px;
    background: #fff;
    position: relative;
}

.fantawild_rotes {
    width: 545px;
    height: 676px;
    position: relative;
    /*overflow: hidden;*/
}

.fantawild_rote {
    /*width: 2180px;*/
    /*height: 500px;*/
    /*background: #000;*/
    position: absolute;
}

.fantawild_r .fantawild_rote li {
    width: 545px;
    background: url("../images/rote.jpg");
    float: left;
    position: absolute;
    display: none;
    opacity: 0;
}

.fantawild_r .fantawild_rote li.actived {
    display: block;
    opacity: 1;
}

.fantawild_rote li a {
    display: block;
    width: 545px;
    height: 676px;
}

.rotabtn {
    width: 101px;
    height: 50px;
    background: #f6838d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rotabtn b {
    float: left;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.rotabtn b:hover {
    background-color: pink;
}

.rotabtn_l {
    border-right: 1px solid #fff;
    background: url("../images/rotabtn.png") no-repeat 10px 10px;
}

.rotabtn_r {
    background: url("../images/rotabtn.png") no-repeat -44px 10px;
}

.rata_dolt {
    position: absolute;
    bottom: -20px;
    left: 0;
}

.rata_dolt span {
    float: left;
    width: 10px;
    height: 10px;
    background: #cdd1d5;
    margin-right: 10px;
    border-radius: 5px;
}

.rata_dolt span.actived {
    background: #f6838d;
}

.home_essence {
    width: 292px;
    height: 292px;
    background-color: #fff;
    border-radius: 146px;
    box-shadow: 0 0 20px rgba(32, 14, 17, .15);
    position: absolute;
    right: -1000px;
    top: -140px;
    z-index: 1001;
    transition: transform 1s cubic-bezier(.455, .03, .515, .955), right .6s ease-in-out;
}

.home_essence p {
    position: relative;
    z-index: 999;
    color: #918f8f;
    font-size: 18px;
    border-bottom: 1px solid #000000;
    line-height: 2;
    padding: 0 10px;
    margin: 121px auto;
    width: 108px;
    text-align: center;
}

.home_essence-viewfinder {
    width: 292px;
    height: 292px;
    background-color: #fff;
    border-radius: 146px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    transition: transform 1s cubic-bezier(.455, .03, .515, .955), right .6s ease-in-out;
    transform: rotate(360deg);
    /*transition: all 1s ;*/
}

.in-viewport {
    right: -140px;
}

.in-viewport .home_essence-viewfinder {
    transform: rotate(0deg);
}

.home_essence-viewfinder .preview0 {
    top: 10px;
    left: 119px;
    transform: rotate(0deg);
}

.home_essence-viewfinder .preview1 {
    top: 36px;
    left: 190px;
    transform: rotate(40deg);
}

.home_essence-viewfinder .preview2 {
    top: 102px;
    left: 229px;
    transform: rotate(80deg);
}

.home_essence-viewfinder .preview3 {
    top: 174px;
    left: 214px;
    transform: rotate(120deg);
}

.home_essence-viewfinder .preview4 {
    top: 221px;
    left: 158px;
    transform: rotate(160deg);
}

.home_essence-viewfinder .preview5 {
    top: 221px;
    left: 82px;
    transform: rotate(200deg);
}

.home_essence-viewfinder .preview6 {
    top: 177px;
    left: 26px;
    ;
    transform: rotate(240deg);
}

.home_essence-viewfinder .preview7 {
    top: 102px;
    left: 11px;
    transform: rotate(280deg);
    /*transform: rotate(210deg);*/
}

.home_essence-viewfinder .preview8 {
    top: 36px;
    left: 48px;
    ;
    transform: rotate(320deg);
}

.home_essence-viewfinder .preview {
    width: 54px;
    height: 54px;
    display: block;
    backface-visibility: hidden;
    /*transform: translateZ(0);*/
    border-radius: 10px;
    position: absolute;
    -webkit-box-shadow: 0 0 6px #888;
    -moz-box-shadow: 0 0 6px #888;
    box-shadow: 0 0 6px #888;
}

.modal-link {
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
}

a {
    /*background: #000;*/
}

.vv-fill {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px;
}

.vv-fill:hover {
    opacity: .7;
}

.preview0 .vv-fill {
    background: url("../images/00.jpg") no-repeat center;
}

.preview1 .vv-fill {
    background: url("../images/01.jpg") no-repeat center;
}

.preview2 .vv-fill {
    background: url("../images/02.jpg") no-repeat center;
}

.preview3 .vv-fill {
    background: url("../images/03.jpg") no-repeat center;
}

.preview4 .vv-fill {
    background: url("../images/04.jpg") no-repeat center;
}

.preview5 .vv-fill {
    background: url("../images/05.jpg") no-repeat center;
}

.preview6 .vv-fill {
    background: url("../images/06.jpg") no-repeat center;
}

.preview7 .vv-fill {
    background: url("../images/07.jpg") no-repeat center;
}

.hover {
    position: absolute;
    background: url("../images/vidio.png") no-repeat;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 58px;
    backface-visibility: hidden;
    transition: all .6s;
    /*transform:  rotate(40deg)*/
    display: none;
}

.preview .hovers {
    display: block;
}

.radio {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/vidiobg.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 1000;
    overflow: hidden;
    display: none;
}

.radio_border {
    width: 800px;
    height: 520px;
    padding: 20px;
    background: #ffffff;
    margin: 200px auto;
    position: relative;
}

.close {
    background: url("../images/close.png");
    width: 58px;
    height: 58px;
    position: absolute;
    margin-left: 50%;
    left: -29px;
    top: -80px;
    cursor: pointer;
}

.radios {
    /*background:url("../images/vidios.png") no-repeat center;*/
    height: 516px;
}

/*往期精彩活动*/
.review {
    height: 950px;
    background: url("../images/review.jpg") no-repeat center;
    padding-top: 50px;
}

.reviewheader {
    width: 640px;
    height: 126px;
    background: url("../images/reviewheader.png") no-repeat;
    margin: 0 auto 20px;
}

.review_con {
    width: 1246px;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
}

.review_content {
    width: 1244px;
    height: 780px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.review_btn {
    height: 100px;
    width: 49px;
    position: absolute;
    z-index: 0;
    top: 330px;
    cursor: pointer;
}

.review_btnl {
    background: url("../images/reviewl.png");
    left: -60px;
}

.review_btnr {
    background: url("../images/reviewr.png");
    /*margin-left:100%;*/
    right: -70px;
}

.review_all {
    /*background: #000;*/
    position: absolute;
}

.review_all ul {
    width: 1245px;
    float: left;
}

.review_content li {
    width: 415px;
    height: 225px;
    float: left;
    margin: 15px 0;
    position: relative;
}

.review_data {
    width: 49px;
    float: left;
    padding: 8px;
}

.review_data .mounth {
    font-size: 18px;
}

.review_data .day {
    font-size: 28px;
    text-align: right;
}

.good1 {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 70px;
    height: 50px;
    background: rgba(255, 255, 255, 0.7);
}

.good .zan {
    /*display: none;*/
}

.good p {
    /*display: block;*/
    height: 20px;
    font-size: 16px;
    text-align: center;
    color: #f6838d;
}

.zan {
    width: 26px;
    height: 22px;
    background: url(../images/good.png) no-repeat;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}



.project {
    /*overflow: hidden;*/
    position: absolute;
    right: 0;
    top: 0;
}

.projectfather {
    width: 350px;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    /*overflow: hidden;*/
}

.review_img {
    float: left;
    /*height: 100%;*/
    background: #fff;
    width: 350px;
    height: 225px;
    -webkit-box-shadow: 0 0 5px #eeecea;
    -moz-box-shadow: 0 0 5px #eeecea;
    box-shadow: 0 0 5px #eeecea;
    position: relative;
}

.review_img img {
    width: 330px;
    /*margin: 10px auto;*/
}

.btn-2 .p {
    background: rgba(88, 88, 88, .8);
    ;
    bottom: 0px;
    left: 0;
    position: absolute;
    ;
    width: 320px;
    color: #fff;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    z-index: 0;
}

.btn-2 {
    position: relative;
    margin: 10px auto;
    width: 330px;
    height: 205px;
    text-transform: uppercase;
    overflow: hidden;
}

.btn-2 .before {
    width: 360px;
    height: 360px;
    background: rgba(249, 145, 155, .9);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    position: absolute;
    bottom: 36px;
    left: -462px;
    z-index: 1;
    border-width: 268px 0 0 268px;
    transition: all .2s;
}

.btn-2 .after {
    width: 360px;
    height: 360px;
    background: rgba(249, 145, 155, .9);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    position: absolute;
    top: 36px;
    right: -462px;
    z-index: 1;
    transition: all .2s;
}

.btn-2:hover .before {
    left: -156px;
}

.btn-2:hover .after {
    right: -155px;
}

.reviewtext {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 205px;
    z-index: 100;
    padding: 42px 20px;
    color: #ffffff;
    display: none;
}

.reviewtext h4 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
}

.reviewtext p {
    font-size: 15px;
    text-align: justify;
    text-indent: 30px;
    height: 100px;
    overflow: hidden;
}

/*现场照片*/
.photos {
    height: 1068px;
    padding-top: 50px;
    background: url("../images/photos_1.jpg") no-repeat center top;
    position: relative;
}

.cheekphotoclose {
    background: url("../images/close.png");
    width: 58px;
    height: 58px;
    position: absolute;
    margin-left: 50%;
    right: -29px;
    top: -60px;
    cursor: pointer;
}

.cheekphoto {
    width: 100%;
    height: 1068px;
    background: url("../images/photobg.png");
    position: absolute;
    top: 0;
    z-index: 500;
    display: none;
}

.cheekphoto_r {
    width: 900px;
    height: 610px;
    /*width: 545px;*/
    /*height: 676px;*/
    /*padding: 10px;*/
    /*float: left;*/
    margin: 100px auto;
    position: relative;
}

.cheekphoto_rotes {
    position: relative;
    margin: 200px auto;
    /*overflow: hidden;*/
}
.cheekphoto_rote li img{
    margin: 0 auto;
    max-height: 600px;
    /* display: none; */
}

.rotabtn {
    width: 101px;
    height: 50px;
    background: #f6838d;
    bottom: 0;
    left: 0;
}

.cheekphotorotabtn_l {
    position: absolute;
    top: 200px;
    width: 50px;
    height: 100px;
    cursor: pointer;
    left: 905px;
    background: url("../images/r.png") no-repeat;
}

.cheekphotorotabtn_r {
    position: absolute;
    top: 200px;
    left: -50px;
    width: 50px;
    height: 100px;
    cursor: pointer;
    background: url("../images/l.png") no-repeat;
}

.rata_dolt {
    position: absolute;
    bottom: -20px;
    left: 0;
}

.rata_dolt span {
    float: left;
    width: 10px;
    height: 10px;
    background: #cdd1d5;
    margin-right: 10px;
    border-radius: 5px;
}

.photos_header {
    width: 1200px;
    margin: 0 auto;
    height: 88px;
    background: url("../images/photosheader.png") no-repeat;
}

.photos_content {
    height: 500px;
    margin: 20px 0;
    position: relative;
}

.photos_content li {
    padding: 10px;
    cursor: pointer;
    position: absolute;
    /*transition: all 1s;*/
}

.photos_content li div {
    -webkit-box-shadow: 0 0 15px #d1bebf;
    -moz-box-shadow: 0 0 15px #d1bebf;
    box-shadow: 0 0 15px #d1bebf;
    background: #fff;
    display: block;
    transition: all .5s;
    padding: 6px;
}

.photos_content li div:hover {
    transform: scale(1.8);
}

.photosbtn {
    width: 101px;
    height: 50px;
    background: #f6838d;
    position: absolute;
    margin-left: 50%;
    /*bottom: 0;*/
    left: -600px;
}

.photosbtn b {
    float: left;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.photosbtn b:hover {
    background-color: pink;
}

.photosbtn_l {
    border-right: 1px solid #fff;
    background: url("../images/rotabtn.png") no-repeat 10px 10px;
}

.photosbtn_r {
    background: url("../images/rotabtn.png") no-repeat -44px 10px;
}

.footer {
    height: 319px;
    background: url("../images/footerbg.png") no-repeat center;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    z-index: 600;
    /*color: #ffffff;*/
}

.footercontent {
    padding-top: 100px;
    color: #fff;
    line-height: 1.5;
}

.footercontent>div {
    line-height: 2;
}

.footercontent a:hover {
    text-decoration: underline;
}

.footercontent>p {
    line-height: 2;
}

.cometop {
    width: 230px;
    height: 66px;
    background: url("../images/btn_bg_2.png") no-repeat center;
    position: absolute;
    bottom: 300px;
    left: -115px;
    margin-left: 50%;
    transition: all .5s;
    cursor: pointer;
}

.cometopborder {
    width: 210px;
    height: 46px;
    margin: 10px auto;
    -webkit-box-shadow: 0 0 15px #db816b;
    -moz-box-shadow: 0 0 15px #db816b;
    box-shadow: 0 0 15px #db816b;
    background-size: 2px 41px;
    transition: all .5s;
    line-height: 46px;
    color: #ffffff;
    font-size: 20px;
    background: url("../images/cometop.png") no-repeat center;
}

.cometop:hover .cometopborder {
    width: 230px;
    height: 66px;
    box-shadow: none;
    line-height: 66px;
    margin: 0 auto;
}

/*菜单*/
.menu {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 90px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 8px #999;
    -moz-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
    background: url("../images/mnuebg2.png") #f4f9fb no-repeat right top;
}

.menuleft {
    width: 90px;
    top: 0;
    left: 0;
    bottom: 0;
    ;
    z-index: 999;
    background: url("../images/mnuebg1.png") #f2f8fb no-repeat bottom center;
    -webkit-box-shadow: 0 0 8px #d3d7d7;
    -moz-box-shadow: 0 0 8px #d3d7d7;
    box-shadow: 0 0 8px #d3d7d7;
    position: absolute;
    overflow: hidden;
}

.menulogo {
    display: block;
    height: 90px;
    width: 90px;
    background: url("../images/meuelogo.png") #3fa4ce no-repeat center center;
    -webkit-box-shadow: 0 3px 3px #d3d7d7;
    -moz-box-shadow: 0 3px 3px #d3d7d7;
    box-shadow: 0 3px 3px #d3d7d7;
    position: relative;
    z-index: 999;
}

.menuleft ul {
    margin-top: 10px;
    height: 100%;
    overflow: auto;
    width: 120px;
}

.menuleft li {
    height: 76px;
   width: 90px;
    cursor: pointer;
}

.menuleft .li0 {
    background: url("../images/fanteword.png") no-repeat center;
}

.menuleft .li0.actived {
    background: url("../images/fanteword_1.png") no-repeat center;
}

.menuleft .li1 {
    background: url("../images/king.png") no-repeat center;
}

.menuleft .li1.actived {
    background: url("../images/king_1.png") no-repeat center;
}

.menuleft .li2 {
    background: url("../images/estea.png") no-repeat center;
}

.menuleft .li2.actived {
    background: url("../images/estea_1.png") no-repeat center;
}

.menuleft .li3 {
    background: url("../images/gerden.png") no-repeat center;
}

.menuleft .li3.actived {
    background: url("../images/gerden_1.png") no-repeat center;
}

.menuleft .li4 {
    background: url("../images/left_dongmeng.png") no-repeat center;
}

.menuleft .li4.actived {
    background: url("../images/left_dongmengh.png") no-repeat center;
}

.menuleft .li5 {
    background: url("../images/left_silu.png") no-repeat center;
}

.menuleft .li5.actived {
    background: url("../images/left_siluh.png") no-repeat center;
}

.menuleft .li6 {
    background: url("../images/left_guose.png") no-repeat center;
}

.menuleft .li6.actived {
    background: url("../images/left_guoseh.png") no-repeat center;
}

.menuleft .li7 {
    background: url("../images/left_yuxiao.png") no-repeat center;
}

.menuleft .li7.actived {
    background: url("../images/left_yuxiaoh.png") no-repeat center;
}

.menuleft .li8 {
    background: url("../images/left_konglong.png") no-repeat center;
}

.menuleft .li8.actived {
    background: url("../images/left_konglongh.png") no-repeat center;
}

.menuleft .li9 {
    background: url("../images/left_kuangye.png") no-repeat center;
}

.menuleft .li9.actived {
    background: url("../images/left_kuangyeh.png") no-repeat center;
}

.menuleft .li10 {
    background: url("../images/left_xuzhou.png") no-repeat center;
}

.menuleft .li10.actived {
    background: url("../images/left_xuzhouh.png") no-repeat center;
}

.menuleft .li11 {
    background: url("../images/left_BoonieBears.png") no-repeat center;
}

.menuleft .li11.actived {
    background: url("../images/left_BoonieBearsh.png") no-repeat center;
}

.car {
    background: url("../images/car.png");
    width: 47px;
    height: 45px;
    margin: 20px auto;
}

.car:hover {
    background: url("../images/car_1.png");
}

.car a {
    width: 47px;
    height: 45px;
    display: block;
}

.menuclose {
    width: 90px;
    position: absolute;
    bottom: 0;
    height: 90px;
    background: url("../images/closemnue.png") no-repeat center center;
    cursor: pointer;
}

.menusmallmenuse {
    width: 90px;
    position: absolute;
    bottom: 0;
    height: 90px;
    background: url("../images/muessmall.png") #f2f8fb no-repeat center center;
    display: none;
    cursor: pointer;
}

.menuright {
    position: absolute;
    right: 0;
    top: 0;
    width: 234px;
    height: 790px;
    z-index: 888;
}

.fantajoy {
    position: absolute;
    width: 234px;
    display: none;
}

.fantajoyhead {
    width: 170px;
    height: 100px;
    border-bottom: 2px solid #b6acb4;
    margin: 80px auto 14px;
}

.fantajoyhead img {
    display: block;
    width: 119px;
    margin: 0 auto;
    /*margin-top:50px ;*/
}

.fantajoy_ul li {
    width: 144px;
    height: 36px;
    font-size: 16px;
    line-height: 2;
    border-bottom: 1px solid #e0e3e4;
    text-align: center;
    margin: 0 auto;
}

.fantajoy_ul li a {
    color: #4c5052;
}

.fantajoy_ul li a:hover {
    background: -webkit-linear-gradient(left, #db1b00, #c97f00);
    /* 背景色渐变 */
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.color {
    width: 5px;
    position: absolute;
    right: 0;
    top: 121px;
    bottom: 0;
    z-index: 888;
}

.colorsize {
    width: 5px;
    height: 37px;
    position: relative;
    right: 0;
    z-index: 888;
}

.colors {
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 5px;
    height: 37px;
}

.red {
    background: #fe7479;
}

.blue {
    background: #93d9f6;
}

.green {
    background: #a9d367;
}

.yel {
    background: #f3cd4f;
}