.box {position: relative; width: 880px; height: 370px; margin: 10px auto; overflow: hidden;}
.seven-box {display: none;}
/* 场景一css */
.first-horn {position: absolute; top: 30px; left: -422px;}
.first-txt {position: absolute; top: 60px; display: none;}
/* 场景七 */
.clickMe { width: 57px; height: 52px; cursor: pointer; margin:0 auto auto auto;}
.seven-content {position: relative; width: 880px; height: 340px; margin: 20px auto; background: #f67b93; border-radius: 50px;}
.seven-content div {position: absolute; width: 57px; height: 52px; padding: 15px 5px 5px 10px; background: url("../images/note.png") no-repeat; overflow: hidden; cursor: pointer; z-index: 99;}
.seven-content div.note-1 {background-position: -1px -440px; color: #494000;}
.seven-content div.note-2 {background-position: -110px -440px; color: #561e67;}
.seven-content div.note-3 {background-position: -220px -440px; color: #07516f;}
.seven-content div.note-4 {background-position: -329px -440px; color: #652f09;}
.seven-content div.note-5 {background-position: 0 -550px; color: #6b0f13;}
.seven-content div.note-6 {background-position: -110px -550px; color: #034914;}

/* 遮罩层 */
.mask {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.4; filter: Alpha(opacity=40); z-index: 9999; display: none;}
.pop-box {position: fixed; top: -300px; left: 50%; margin-left: -250px; margin-top: -150px; width: 500px; height: 300px; padding: 10px; background: #c52947; border-radius: 10px; z-index: 99999;}
.pop-box h1 {font-size: 30px; text-align: center; color: white; margin: 5px 0 10px;}
.pop-box textarea {display: block; width: 440px; height: 140px; padding: 10px; margin: 20px auto; resize: none; font-size: 16px; border-radius: 5px; background: white; color: #691323;  _margin-left: 270px;}
.pop-box .u-sure {margin: auto; width: 100px; padding: 8px 0; background: #780a1f; border-radius: 3px; text-align: center; font-size: 18px; color: white; font-weight: bold; cursor: pointer;}